@charset "UTF-8";

/*-----------------------------------------------
  設備紹介

-- 01 ページタイトル
-- 02 アンカーリンク/背景テキスト
-- 03 コンテンツ共通 01
-- 04 コンテンツ共通 02

------------------------------------------------*/

/*------------------------------------------------
  01 ページタイトル
------------------------------------------------*/
.main-about-equipment .page-title-inner {
    background-image: url('../../../images/about/page-title-bg-equipment.jpg');
}

/*------------------------------------------------
  02 アンカーリンク/背景テキスト/ページ見出し
------------------------------------------------*/
.anchor-link-inner {
    margin: 30px auto;
    width: calc(100% - 40px);
    max-width: var(--layout-inner-width);
}
.anchor-link-item a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 1em;
    padding-right: 3em;
    font-size: 1.4rem;
    font-weight: 700;
    background-color: #f5f5f5;
    border-radius: 100px;
    position: relative;
    color: var(--primary-color);
}
.anchor-link-item a::before, 
.anchor-link-item a::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.anchor-link-item a::before {
    background-color: var(--primary-color);
    border-radius: 50%;
    transform: translateY(-50%);
}
.anchor-link-item a::after {
	background-image: url('../../../images/common/arrow-white.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px auto;
    transform: translateY(-50%) rotate(90deg);
}
.page-overview.page-overview-adjast {
    height: 12rem;
}
.about-equipment-message-inner {
    margin: auto;
    width: calc(100% - 40px);
    max-width: var(--layout-inner-width);
}
.about-equipment-motto {
    font-weight: 900;
    font-size: 2.4rem;
}
.about-equipment-detail {
    padding: 1em 0;
}
.main-about-equipment .page-overview-inner {
    position: relative;
    height: 100%;
}
.main-about-equipment .common-block-heading-var {
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-equipment-message-inner {
    margin-top: -1em;
}

@media print, screen and (max-width: 900px) {
    .about-equipment-item-inner {
        padding: 30px;
    }
}

@media print, screen and (max-width: 767px) {
    .about-equipment-motto {
        line-height: 1.5em;
    }
    .about-equipment-item-inner {
        padding: 20px;
    }
}

@media print, screen and (max-width: 579px) {
    .anchor-link-item {
        margin-bottom: 1em;
    }
    .anchor-link-item:last-of-type {
        margin-bottom: 0;
    }
}

@media print, screen and (min-width: 580px) and (max-width: 830px) {
    .anchor-link-item {
        display: inline-block;
        margin: 0.5em 0;
    }
}

@media print, screen and (min-width: 768px) {
    .page-overview.page-overview-adjast {
        height: 17rem;
    }
    .about-business-motto {
        font-size: 2.8rem;
    }
}

@media print, screen and (min-width: 821px) {
    .page-overview.page-overview-adjast {
        height: 19rem;
    }
}

@media print, screen and (min-width: 831px) {
    .anchor-link-list {
        display: flex;
        gap: 0 14px;
    }
}

@media print, screen and (min-width: 901px) {
    .anchor-link-inner {
        margin-top: 45px;
    }
    .anchor-link-item a::before, 
    .anchor-link-item a::after {
        width: 26px;
        height: 26px;
    }
    .anchor-link-item a::after {
        background-size: 12px auto;
    }
    .anchor-link-item a {
        font-size: 1.6rem;
    }
    .page-overview.page-overview-adjast {
        height: 22rem;
    }
    .about-equipment-motto {
        font-size: 3.2rem;
    }
    .about-equipment-item {
        width: 50%;
    }
    .about-equipment-message-inner {
        display: flex;
        justify-content: space-between;
        margin-top: -6em;
    }
    .about-equipment-spacer {
        width: 400px;
    }
    .about-equipment-item {
        width: calc(100% - 400px);
        max-width: 760px;
    }
}

@media print, screen and (min-width: 1001px) {
	.page-overview.page-overview-adjast {
        height: 26rem;
    }
}

@media print, screen and (min-width: 1101px) {
	.page-overview.page-overview-adjast {
        height: 28rem;
    }
}

@media print, screen and (min-width: 1201px) {
	.anchor-link-inner {
        margin-top: 60px;
    }
    .page-overview.page-overview-adjast {
        height: 30rem;
    }
    .about-equipment-motto {
        font-size: 3.8rem;
    }
    .about-equipment-message-inner {
        margin-top: -7.5em;
    }
}

@media print, screen and (min-width: 1401px) {
    .page-overview.page-overview-adjast {
        height: 32rem;
    }
    .about-equipment-motto {
        font-size: 4.2rem;
    }
}

@media print, screen and (min-width: 1601px) {
    .page-overview.page-overview-adjast {
        height: 34.5rem;
    }
}

/*------------------------------------------------
  03 コンテンツ共通 01
  和歌山工場 / 福井工場 / 南通
------------------------------------------------*/
.equipment-upper-section.bg-rhombus::before {
    top: calc(var(--header-sp-height) + 10px);
}
.equipment-upper-section.bg-rhombus::after {
    bottom: -3%;
}
.equipment-block {
    padding-top: calc(var(--header-sp-height) + 10px);
}
.equipment-block-inner {
    margin: auto;
    width: calc(100% - 40px);
    max-width: var(--layout-inner-width);
}
.equipment-block-heading {
    background-color: #eaeff1;
    display: flex;
    justify-content: space-between;
    padding: 1em;
    margin-bottom: 30px;
}
.equipment-block-heading-name {
    font-weight: 900;
    font-size: 1.8rem;
    color: var(--primary-color);
}
.equipment-block-heading-item {
    display: flex;
    align-items: center;
    line-height: 1;
}
.heading-site {
    font-weight: 700;
    color: var(--primary-color);
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: auto;
}
.heading-site-spec, 
.heading-site-unit {
    font-family: "Poppins", sans-serif;
	font-weight: 700;
    font-size: 1.6rem;
	font-style: normal;
    color: var(--primary-color);
    opacity: .6;
}
.heading-site-spec {
    font-size: 2rem;
}
.manufacturing-items {
    margin: 20px 0;
}
.manufacturing-items-heading {
    font-weight: 700;
    background-color: #d1dbe8;
    color: var(--primary-color);
    display: inline-block;
    padding: 0.5em 1em;
}
.manufacturing-items-list {
    margin-top: 1em;
}
.manufacturing-items-list-item {
    font-weight: 700;
    color: var(--primary-color);
    padding-left: calc(6px + 0.5em);
    margin-right: 1.5em;
    position: relative;
}
.manufacturing-items-list-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #7f94b0;
}
.manufacturing-table {
    width: 100%;
}
.manufacturing-table th, 
.manufacturing-table td {
    padding: 1em 2em;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
}
.manufacturing-table thead th {
    background-color: var(--primary-color);
    color: #fff;
}
.manufacturing-table tbody th, 
.manufacturing-table tbody td {
    border-bottom: 1px solid var(--primary-color);
}
.manufacturing-table tbody th {
    background-color: rgba(0,0,0,0.05);
}
.manufacturing-table tbody tr:hover {
    background: rgba(0, 42, 99, 0.15);
    cursor: pointer;
}
.manufacturing-table tbody tr:hover td.td-type {
    background: rgba(255, 255, 255, 1);
    cursor: auto;
}
.manufacturing-table caption span {
    font-weight: 700;
    line-height: 1;
    color: var(--primary-color);
    margin-bottom: 1em;
    padding: 0.5em 1.5em;
    border: 1px solid var(--primary-color);
    border-radius: 100px;
    display: inline-block;
}

@media print, screen and (max-width: 1134px) {
    .manufacturing-items-list-item {
        display: inline-block;
    }
}

@media print, screen and (max-width: 900px) {
    .manufacturing-table-wrap {
        overflow-x: scroll;
    }
}

@media print, screen and (max-width: 767px) {
    .manufacturing-table {
        min-width: 700px;
    }
    .manufacturing-table th, 
    .manufacturing-table td {
        white-space: nowrap;
    }
}

@media print, screen and (min-width: 768px) {
    .heading-site-spec {
        font-size: 2.4rem;
    }
}

@media print, screen and (min-width: 821px) {
    .equipment-block {
        padding-top: calc(var(--header-pc-height) + 10px);
    }
    .equipment-block-heading {
        padding: 1.25em;
        margin-bottom: 35px;
    }
    .heading-site-spec {
        font-size: 2.6rem;
    }
    .manufacturing-table th, 
    .manufacturing-table td {
        font-size: 1.4rem;
    }
}

@media print, screen and (min-width: 901px) {
    .equipment-block-heading {
        padding: 1.5em;
        margin-bottom: 40px;
    }
    .equipment-block-heading-name {
        font-size: 2rem;
    }
    .heading-site {
        margin-right: 1.5em;
    }
    .heading-site-spec {
        font-size: 3rem;
    }
    .manufacturing-items {
        margin: 30px 0;
    }
}

@media print, screen and (min-width: 1135px) {
    .manufacturing-items-list {
        display: flex;
    }
}

@media print, screen and (min-width: 1201px) {
    .equipment-block-heading {
        padding: 1.75em;
    }
    .equipment-block-heading-name {
        font-size: 2.2rem;
    }
    .heading-site-spec {
        font-size: 3.4rem;
    }
    .manufacturing-items {
        margin: 40px 0;
    }
}

@media print, screen and (min-width: 1401px) {
    .equipment-block-heading {
        padding: 2em;
    }
    .equipment-block-heading-name {
        font-size: 2.4rem;
    }
    .heading-site-spec {
        font-size: 3.6rem;
    }
}

@media print, screen and (min-width: 1601px) {
    .heading-site-spec {
        font-size: 4rem;
    }
}

/*------------------------------------------------
  04 コンテンツ共通 02
  MTプラント / 物流センター
------------------------------------------------*/
.equipment-lower-block {
    padding-top: calc(var(--header-sp-height) + 10px);
}
.equipment-lower-block.block-logistics-center {
    margin-top: calc(var(--header-sp-height-adjust) - 10px);
}
.equipment-lower-block.block-mt-plant .equipment-lower-block-bg, 
.equipment-lower-block.block-logistics-center .equipment-lower-block-bg {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    z-index: -1;
    overflow: hidden;
}
.equipment-lower-block.block-mt-plant .equipment-lower-block-bg {
    background-image: url('../../../images/about/equipment/block-bg-mt-plant.jpg');
}
.equipment-lower-block.block-logistics-center .equipment-lower-block-bg {
    background-image: url('../../../images/about/equipment/block-bg-logistics-center.jpg');
}
.equipment-lower-block-inner {
    margin: auto;
    width: calc(100% - 40px);
    max-width: var(--layout-inner-width);
}
.page-overview.page-overview-adjast {
    height: 12rem;
}
.equipment-lower-block.block-mt-plant .page-overview-h2 span, 
.equipment-lower-block.block-logistics-center .page-overview-h2 span {
    top: -0.15em;
    left: 0;
    text-align: center;
    width: 100%;
    line-height: .85;
    margin: 0;
}
.equipment-lower-block.block-mt-plant .page-overview-h2 span.page-overview-h2-paint {
    color: #fff;
    top: -0.2em;
}
.equipment-lower-block.block-mt-plant .page-overview-h2 span.page-overview-h2-frame {
    top: calc(-0.2em + 10px);
    left: 10px;
    -webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
}
.equipment-lower-block.block-logistics-center .page-overview-h2 span.page-overview-h2-frame {
    top: calc(-0.15em + 10px);
    left: 10px;
}
.equipment-lower-block.block-mt-plant .common-block-heading-var, 
.equipment-lower-block.block-logistics-center .common-block-heading-var {
    text-align: center;
    left: 50%;
    bottom: 2.25em;
    transform: translateX(-50%);
}
.equipment-lower-block.block-mt-plant .common-block-heading-var .common-block-heading-var-en, 
.equipment-lower-block.block-logistics-center .common-block-heading-var .common-block-heading-var-en {
    color: var(--quaternary-color);
}
.equipment-lower-explanation {
    margin: 30px auto;
    width: calc(100% - 40px);
    max-width: var(--layout-inner-width);
}
.equipment-lower-explanation-detail {
    font-weight: 900;
    font-size: 1.6rem;
}
.equipment-lower-main-photo {
    margin-top: 40px;
    margin-bottom: 60px;
}
.main-photo01, 
.main-photo02 {
    width: 80%;
    max-width: 1140px;
}
.main-photo01 {
    margin-left: 0;
    margin-right: auto;
}
.main-photo02 {
    margin-left: auto;
    margin-right: 0;
    margin-top: -30px;
}
.equipment-point {
    margin: auto;
    width: calc(100% - 40px);
    max-width: var(--layout-inner-width);
}
.equipment-point-item {
    text-align: center;
}
.point-item-num {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: auto;
    position: relative;
    line-height: 1;
}
.point-item-num-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.point-item-num-inner span {
    display: block;
}
.point-item-heading {
    font-weight: 900;
    font-size: 1rem;
    text-transform: uppercase;
}
.point-item-disit {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.4rem;
    margin-top: 0.1em;
}
.point-mt-plant .point-item-num {
    background-color: #eaeff1;
    border: 1px solid var(--primary-color);
}
.point-mt-plant .point-item-heading {
    color: var(--primary-color);
    opacity: .6;
}
.point-mt-plant .point-item-disit {
    color: var(--primary-color);
}
.point-logistics-center .point-item-num {
    background-color: var(--quaternary-color);
}
.point-logistics-center .point-item-heading, 
.point-logistics-center .point-item-disit {
    color: #fff;
}
.point-item-detail {
    background-color: #fff;
    padding: 50px 20px 20px;
    margin-top: -30px;
}
.point-item-detail p {
    font-weight: 900;
    font-size: 1.3rem;
    color: var(--primary-color);
}
.equipment-lower-inside-photo {
    display: flex;
    margin-top: -30px;
    position: relative;
    z-index: -1;
}
.equipment-lower-inside-photo div {
    width: calc(100% / 3);
}

@media print, screen and (max-width: 767px) {
    .equipment-point-item {
        margin: auto;
        margin-bottom: 30px;
        max-width: 300px;
    }
    .equipment-point-item:last-of-type {
        margin-bottom: 0;
    }
}

@media print, screen and (min-width: 768px) {
    .equipment-lower-section {
        padding-bottom: 30px;
    }
    .page-overview.page-overview-adjast {
        height: 17rem;
    }
    .equipment-lower-explanation-detail {
        text-align: center;
        font-size: 1.8rem;
    }
    .main-photo01, 
    .main-photo02 {
        width: 60%;
    }
    .main-photo02 {
        margin-top: -50px;
    }
    .equipment-point-list {
        display: flex;
        gap: 0 20px;
    }
    .equipment-point-item {
        width: calc(100% / 3);
        display: flex;
        gap: 0 20px;
        flex-direction: column;
    }
    .point-item-num {
        width: 70px;
        height: 70px;
    }
    .point-item-detail {
        flex-grow: 1;
    }
    .point-item-disit {
        font-size: 3rem;
    }
}

@media print, screen and (min-width: 821px) {
    .equipment-lower-block {
        padding-top: calc(var(--header-pc-height) + 10px);
    }
    .equipment-lower-block-heading {
        padding: 1.25em;
        margin-bottom: 35px;
    }
    .page-overview.page-overview-adjast {
        height: 19rem;
    }
    .point-item-heading {
        font-size: 1.2rem;
    }
    .point-item-disit {
        font-size: 3.2rem;
    }
    .point-item-detail {
        padding: 50px 20px 30px;
    }
}

@media print, screen and (min-width: 901px) {
    .equipment-lower-block-heading {
        padding: 1.5em;
        margin-bottom: 40px;
    }
    .equipment-lower-block-heading-name {
        font-size: 2rem;
    }
    .page-overview.page-overview-adjast {
        height: 22rem;
    }
    .equipment-lower-explanation {
        margin: 40px auto;
    }
    .equipment-lower-explanation-detail {
        font-size: 2rem;
    }
    .equipment-lower-main-photo {
        margin-top: 60px;
        margin-bottom: 80px;
    }
    .main-photo02 {
        margin-top: -62px;
    }
    .point-item-num {
        width: 80px;
        height: 80px;
    }
    .point-item-disit {
        font-size: 3.4rem;
        margin-top: 0.25em;
    }
    .point-item-detail {
        padding: 60px 20px 40px;
        margin-top: -40px;
    }
    .point-item-detail p {
        font-size: 1.4rem;
    }
    .equipment-lower-inside-photo {
        margin-top: -40px;
    }
}

@media print, screen and (min-width: 1001px) {
    .page-overview.page-overview-adjast {
        height: 26rem;
    }
}

@media print, screen and (min-width: 1101px) {
    .page-overview.page-overview-adjast {
        height: 28rem;
    }
    .main-photo02 {
        margin-top: -80px;
    }
}

@media print, screen and (min-width: 1201px) {
    .equipment-lower-section {
        padding-bottom: 50px;
    }
    .equipment-lower-block-heading {
        padding: 1.75em;
    }
    .equipment-lower-block-heading-name {
        font-size: 2.2rem;
    }
    .page-overview.page-overview-adjast {
        height: 30rem;
    }
    .equipment-lower-explanation-detail {
        font-size: 2.2rem;
    }
    .equipment-lower-main-photo {
        margin-top: 80px;
        margin-bottom: 100px;
    }
    .main-photo02 {
        margin-top: -124px;
    }
    .point-item-num {
        width: 100px;
        height: 100px;
    }
    .point-item-heading {
        font-size: 1.4rem;
    }
    .point-item-disit {
        font-size: 3.8rem;
    }
    .point-item-detail {
        padding: 80px 20px 50px;
        margin-top: -50px;
    }
    .point-item-detail p {
        font-size: 1.6rem;
    }
    .equipment-lower-inside-photo {
        margin-top: -50px;
    }
    .equipment-point-list {
        gap: 0 30px;
    }
}

@media print, screen and (min-width: 1401px) {
    .equipment-lower-block-heading {
        padding: 2em;
    }
    .equipment-lower-block-heading-name {
        font-size: 2.4rem;
    }
    .page-overview.page-overview-adjast {
        height: 32rem;
    }
    .equipment-lower-explanation-detail {
        font-size: 2.4rem;
    }
    .equipment-lower-main-photo {
        margin-bottom: 120px;
    }
    .point-item-num {
        width: 120px;
        height: 120px;
    }
    .point-item-disit {
        font-size: 4rem;
    }
    .point-item-detail {
        padding: 100px 20px 60px;
        margin-top: -60px;
    }
    .equipment-lower-inside-photo {
        margin-top: -60px;
    }
    .equipment-point-list {
        gap: 0 40px;
    }
}

@media print, screen and (min-width: 1601px) {
    .page-overview.page-overview-adjast {
        height: 34.5rem;
    }
}