@charset "utf-8";
/* 記述順序：パーツ→一覧ページ→詳細ページ共通→詳細ページ個別 */

/* -----------------------------------------------------------
    parts
-------------------------------------------------------------- */
.category-link-area .card-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.category-link-area .card-wrapper.col-4 {
    margin-bottom: -40px;
}
.category-link-area .card-wrapper.col-4 .card {
    width: 22.5%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin: 0 3.33% 40px 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.category-link-area .card-wrapper.col-4 .card a {
	display: block;
}
.category-link-area .card-wrapper.col-4 .card a:hover .card-img {
	transform: scale(1.1);
}

/* card-img */
.category-link-area .card-img {
    width: 100%;
    height: 160px;
    position: relative;
    z-index: 0;
    transition: .3s ease-in-out;
}
.category-link-area .card-img.style1 {
	background: url("../img/category-img01.jpg") no-repeat center / cover;
}
.category-link-area .card-img.style2 {
	background: url("../img/category-img02.jpg") no-repeat center / cover;
}
.category-link-area .card-img.style3 {
	background: url("../img/category-img03.jpg") no-repeat center / cover;
}
.category-link-area .card-img.style4 {
	background: url("../img/category-img04.jpg") no-repeat center / cover;
}
.category-link-area .card-img.style5 {
	background: url("../img/category-img05.jpg") no-repeat center / cover;
}
.category-link-area .card-img.style6 {
	background: url("../img/category-img06.jpg") no-repeat center / cover;
}
.category-link-area .card-img.style7 {
	background: url("../img/category-img07.jpg") no-repeat center / cover;
}
.category-link-area .card-img.style8 {
	background: url("../img/category-img08.jpg") no-repeat center / cover;
}
.category-link-area .card-img:hover {
    transform: scale(1.1);
}

/* card-txt */
.category-link-area .card-wrapper.col-4 .card .card-body {
    background: #fff;
    text-align: center;
    padding: 20px 0;
    position: relative;
}
.category-link-area .card-wrapper.col-4 .card .card-body::after {
    position: absolute;
    content: "\f054";
    font: 900 1.2rem / 1 "Font Awesome 5 Free";
    color: #ccc;
    bottom: 21px;
    right: 20px;
}
.category-link-area .card-wrapper.col-4 .card .card-body .card-title {
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 0 10px;
}
.category-link-area .card-wrapper.col-4 .card .card-body .card-title-eng {
    font-size: 1.2rem;
    line-height: 1.2;
    color: #559ccf;
    font-family: 'Hind',sans-serif;
}
.category-link-area .card-wrapper.col-4 > .card:nth-of-type(4n) {
    margin-right: 0;
}

@media screen and (max-width: 768px){
    .category-link-area .card-wrapper {
        justify-content: center;
    }
    .category-link-area .card-wrapper.col-4 {
        margin-bottom: -20px;
    }
    .category-link-area .card-wrapper.col-4 .card {
        width: 42.666%;
        margin: 0 4.266% 20px 0;
    }
	.category-link-area .card-wrapper.col-4 .card a:hover .card-img {
		transform: scale(1);
	}
	
   /* card-img */
    .category-link-area .card-img {
        height: 85px;
    }
    .category-link-area .card-img.style1 {
        background: url("../img/category-img01-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img.style2 {
        background: url("../img/category-img02-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img.style3 {
        background: url("../img/category-img03-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img.style4 {
        background: url("../img/category-img04-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img.style5 {
        background: url("../img/category-img05-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img.style6 {
        background: url("../img/category-img06-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img.style7 {
        background: url("../img/category-img07-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img.style8 {
        background: url("../img/category-img08-sp.jpg") no-repeat center / cover;
    }
    .category-link-area .card-img:hover {
        transform: scale(1.1);
    }
	.category-link-area .card-img:hover {
		transform: scale(1);
	}
	
    /* card-txt */
    .category-link-area .card-wrapper.col-4 .card .card-body {
        text-align: left;
        padding: 10px 5px;
    }
    .category-link-area .card-wrapper.col-4 .card .card-body::after {
        bottom: 23px;
        right: 7px;
    }
    .category-link-area .card-wrapper.col-4 .card .card-body .card-title {
        font-size: 1.5rem;
        margin: 0 0 5px;
    }
    .category-link-area .card-wrapper.col-4 .card .card-body .card-title-eng {
        font-size: 1rem;
    }
    .category-link-area .card-wrapper.col-4 > .card:nth-of-type(2n) {
        margin-right: 0;
    }
}

/* -----------------------------------------------------------
    業種・分野から探す 一覧ページ
-------------------------------------------------------------- */
#category .category-area {
    background: url(../img/bg02.png)no-repeat center / cover;
    padding: 30px 0 80px;
}
#category .category-area .catch-block {
    text-align: center;
    margin: 0 0 50px;
}
#category .category-area .catch-block .section-catch {
    margin: 0 0 30px;
}
#category .category-area .title-wrapper .catch-block .txt {
    line-height: 1.8;
}

@media screen and (max-width: 768px){
    #category .category-area {
        padding: 20px 0 30px;
    }
    #category .category-area .catch-block {
        text-align: center;
        padding: 20px 20px;
    }
    #category .category-area .catch-block .section-catch {
        margin: 0 0 20px;
    }
    #category .category-area .catch-block {
        margin: 0 0 20px;
    }
	#category .category-area .catch-block .txt {
		text-align: left;
	}
	
}

/* -----------------------------------------------------------
    業種・分野から探す　詳細ページ
-------------------------------------------------------------- */

/*    pagetitle
-------------------------------------------------------------- */
.category-pagetitle-area {
    width: 100%;
    height: 551px;
    margin: 80px 0 0;
}
.category-pagetitle-area .inner-block {
    background: #fff;
    width: 340px;
    height: 551px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.category-pagetitle-area .pagetitle-jp {
    display: inline-block;
    font-size: 4rem;
    line-height: 1.2;
    background: url(../img/shape.png) no-repeat left top 10px / 14px 14px;
	padding-left: 25px;
	margin: 0 0 5px;
}
.category-pagetitle-area .pagetitle-eng {
    display: block;
    background: none;
	font-size: 1.5rem;
    color: #559ccf;
	line-height: 1.6;
    padding: 0;
	margin: 0 0 100px;
}
.category-pagetitle-area .pagetitle-txt {
    font-weight: 500;
}

#category-detail.stores .category-pagetitle-area {
    background: url(../img/pagetitle-stores.jpg)no-repeat center / cover;
}
#category-detail.public .category-pagetitle-area {
    background: url(../img/pagetitle-public.jpg)no-repeat center / cover;
}
#category-detail.financial .category-pagetitle-area {
    background: url(../img/pagetitle-financial.jpg)no-repeat center / cover;
}
#category-detail.office .category-pagetitle-area {
    background: url(../img/pagetitle-office.jpg)no-repeat center / cover;
}
#category-detail.event .category-pagetitle-area {
    background: url(../img/pagetitle-event.jpg)no-repeat center / cover;
}
#category-detail.car .category-pagetitle-area {
    background: url(../img/pagetitle-car.jpg)no-repeat center / cover;
}
#category-detail.restaurant .category-pagetitle-area {
    background: url(../img/pagetitle-restaurant.jpg)no-repeat center / cover;
}
#category-detail.plant-factory .category-pagetitle-area {
    background: url(../img/pagetitle-plantfactory.jpg)no-repeat center / cover;
}

@media screen and (max-width: 768px){
    .category-pagetitle-area {
        height: auto;
        margin: 0;
    }
    .category-pagetitle-area .inner-block {
        background: none;
        width: auto;
        height: auto;
        padding: 40px 10px 30px;
        text-align: left;
        justify-content: flex-start;
    }
    .category-pagetitle-area .pagetitle-jp {
        font-size: 2.5rem;
        background: url(../img/shape.png) no-repeat left top 3px / 11px 11px;
        padding-left: 15px;
    }
    .category-pagetitle-area .pagetitle-eng {
        margin: 0 0 10px;
        padding-left: 15px;
    }

    #category-detail.stores .category-pagetitle-area {
        background: url(../img/pagetitle-stores.jpg)no-repeat right top / cover;
    }
}

/*    detail-top-area
-------------------------------------------------------------- */
.detail-top-area {
    padding: 50px 0 70px;
}
.detail-top-area .catch-block {
    text-align: center;
    margin: 0 0 70px;
}
.detail-top-area .catch-block .section-catch {
    margin: 0 0 30px;
}
.detail-top-area .catch-block .section-txt {
    line-height: 1.8;
}

/* detail-list */
.detail-top-area .detail-list-wrapper {
    width: 1340px;
    background: #f5f5f5;
    padding: 65px 50px 30px 50px;
    margin: 0 auto;
    position: relative;
}
.detail-top-area .detail-list-wrapper .catch {
    font-size: 3rem;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.detail-top-area .detail-list-wrapper .detail-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.detail-top-area .detail-list-wrapper .detail-list li {
    width: 380px;
    background: #fff;
    padding: 25px 30px;
    margin: 0 25px 40px 0;
	position: relative;
}
.detail-top-area .detail-list-wrapper .detail-list li:nth-of-type(3n) {
    margin-right: 0;
}
.detail-top-area .detail-list-wrapper .detail-list li .number {
    font-family: 'Hind',sans-serif;
    font-size: 2rem;
	font-weight: 600;
    line-height: 1.6;
    color: #559ccf;
	position: absolute;
	top: -15px;
	left: 5px;
}
.detail-top-area .detail-list-wrapper .detail-list li .txt {
    font-size: 1.8rem;
    line-height: 1.8;
}

@media screen and (max-width: 768px){
    .detail-top-area {
        padding: 30px 0 0;
    }
    .detail-top-area .catch-block {
        margin: 0 0 30px;
    }
    .detail-top-area .catch-block .section-catch {
        margin: 0 0 20px;
		padding: 0;
		line-height: 1.5;
    }
    .detail-top-area .catch-block .section-txt {
        text-align: left;
        margin: 0 0 20px;
    }

    /* detail-list */
    .detail-top-area .detail-list-wrapper {
        width: 100%;
        padding: 30px 20px;
    }
    .detail-top-area .detail-list-wrapper .catch {
        font-size: 2rem;
        line-height: 1.5;
        position: static;
        transform: none;
        white-space: normal;
        margin: 0 0 30px;
    }
    .detail-top-area .detail-list-wrapper .detail-list li {
        width: 100%;
        padding: 15px 20px;
        margin: 0 0 20px;
    }
    .detail-top-area .detail-list-wrapper .detail-list li .number {
        font-size: 1.8rem;
		top: -12px;
		left: -5px;
    }
    .detail-top-area .detail-list-wrapper .detail-list li .txt {
        font-size: 1.7rem;
    }
}


/*    detail-service-area サービス内容
-------------------------------------------------------------- */
.detail-service-area {
    background: #ecf4f7;
    padding: 80px 0 20px;
}
.detail-service-area .section-title {
	/*
    color: #fff;
	*/
    margin: 0 0 40px;
}
.detail-service-area .catch-block {
	/*
    color: #fff;
	*/
    margin: 0 0 90px;
}
.detail-service-area .catch-block .catch {
    font-size: 3rem;
    line-height: 1.6;
    margin: 0 0 20px;
	font-weight: 500;
}
.detail-service-area .catch-block .txt {
	/*
    width: 792px;
	*/
    line-height: 1.6;
}

/* block */
.detail-service-area .block {
	/*
    height: 268px;
	*/
	min-height: 268px;
    background: #fff;
    position: relative;
    padding: 60px 520px 60px 60px;
    margin: 0 0 65px;
}
.detail-service-area .block .block-title {
    font-size: 2.6rem;
    font-weight: 600;
    color: #559ccf;
    line-height: 1.4;
    margin: 0 0 20px;
}
.detail-service-area .block .img-block {
    position: absolute;
    top: -36px;
    right: 27px;
}
@media screen and (max-width: 768px){
    .detail-service-area {
        padding: 30px 0 10px;
    }
    .detail-service-area .section-title {
        margin: 0 0 30px;
    }
    .detail-service-area .catch-block {
        margin: 0 0 40px;
    }
    .detail-service-area .catch-block .catch {
        font-size: 2rem;
        margin: 0 0 20px;
		font-weight: 500;
    }
    .detail-service-area .catch-block .txt {
        width: 100%;
        font-size: 1.5rem;
    }

    /* block */
    .detail-service-area .block {
        height: auto;
        padding: 20px 10px 20px 20px;
        margin: 0 0 30px -20px;
		min-height: inherit;
    }
    .detail-service-area .block .block-title {
        font-size: 2rem;
        padding-right: 120px;
        margin: 0 0 20px;
    }
    .detail-service-area .block .img-block {
        position: absolute;
        top: -10px;
        right: -20px;
    }
    .detail-service-area .block .img-block img {
        max-width: 150px;
        max-height: 80px;
    }
}


/*    detail-point-area JDCの3つの強み
-------------------------------------------------------------- */
.detail-point-area {
    padding: 80px 0 180px;
}
.detail-point-area .section-title {
    margin: 0 0 40px;
}
.detail-point-area .catch-block {
    margin: 0 0 50px;
}
.detail-point-area .catch {
    font-size: 3rem;
    line-height: 1.6;
    font-weight: 500;
    margin: 0 0 10px;
}

/* card */
.detail-point-area .card-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.detail-point-area .card-wrapper.col-3 {
    margin-bottom: -30px;
}
.detail-point-area .card-wrapper.col-3 .card {
    width: 370px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin: 0 45px 30px 0;
}
.detail-point-area .card-wrapper .card .card-img {
    width: 100%;
}
.detail-point-area .card-wrapper .card .card-img img {
    width: 100%;
}
.detail-point-area .card-wrapper .card .card-body {
    background: #fff;
    padding: 20px 25px 20px;
}
.detail-point-area .card-wrapper .card .card-body .card-title {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
    color: #559ccf;
    text-align: center;
    margin: 0 0 20px;
}
.detail-point-area .card-wrapper.col-3 .card:nth-of-type(3n) {
    margin-right: 0;
}


@media screen and (max-width: 768px){
    .detail-point-area {
        padding: 30px 0 80px;
    }
    .detail-point-area .section-title {
        margin: 0 0 20px;
    }
    .detail-point-area .catch-block {
        margin: 0 0 30px;
    }
    .detail-point-area .catch {
        font-size: 2rem;
        margin: 0 0 20px;
    }

    /* card */
    .detail-point-area .card-wrapper {
        width: 100%;
        margin-bottom: -20px;
    }
    .detail-point-area .card-wrapper .card {
		/*
        display: flex;
        align-items: center;
		*/
    }
    .detail-point-area .card-wrapper.col-3 > .card {
        width: 100%;
        margin: 0 0 20px;
    }
    .detail-point-area .card-wrapper .card .card-img {
		/*
        width: 40%;
        margin: 0 0 0 -10px;
		*/
		width: 100%;
        margin: 0 0 0;
    }
    .detail-point-area .card-wrapper .card .card-body {
		/*
        width: 60%;
        padding: 20px 10px;
		*/
		padding: 20px;
    }
    .detail-point-area .card-wrapper .card .card-body .card-title {
		/*
        font-size: 2rem;
        text-align: left;
        margin: 0 0 10px;
		*/
		font-size: 1.8rem;
        margin: 0 0 10px;
    }

}

/*    detail-case-area 実績
-------------------------------------------------------------- */
.detail-case-area .detail-case-block {
    width: 1400px;
    background: #00aed1;
    padding: 170px 100px 75px 100px;
    position: relative;
    margin: 0 auto 80px;
}
.detail-case-area .detail-case-block .point-img-top {
    position: absolute;
    top: -120px;
    left: -48px;
}

/* title-block */
.detail-case-area .detail-case-block .inner-block {
    color: #fff;
    display: flex;
    padding: 0 0 0 120px;
    margin: 0 0 100px;
}
.detail-case-area .detail-case-block .inner-block .section-title {
    margin: 0 145px 0 0;
}
.detail-case-area .detail-case-block .inner-block .section-title-eng {
    background-image: url(../img/shape6.png);
}
.detail-case-area .detail-case-block .inner-block .txt-block {
    width: 564px;
    position: relative;
}
.detail-case-area .detail-case-block .inner-block .txt-block .catch {
    font-size: 3rem;
    line-height: 1.2;
    margin: 0 0 30px;
}
.detail-case-area .detail-case-block .inner-block .shape {
    position: absolute;
    bottom: -30px;
    right: -80px;
}

/* card */
.detail-case-area .card-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.detail-case-area .card-wrapper.col-3 {
    margin-bottom: -30px;
}
.detail-case-area .card-wrapper.col-3 .card {
    width: 370px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(255, 255, 255, 0.50);
    margin: 0 45px 30px 0;
}
.detail-case-area .card-wrapper.col-3 .card .card-img {
    width: 100%;
}
.detail-case-area .card-wrapper.col-3 .card .card-img img {
    width: 100%;
	text-align: center;
}
.detail-case-area .card-wrapper.col-3 .card .card-body {
    background: #fff;
    padding: 25px 30px 40px;
}
.detail-case-area .card-wrapper.col-3 .card .card-body .card-title {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
    color: #559ccf;
    text-align: center;
    margin: 0 0 20px;
}
.detail-case-area .card-wrapper.col-3 .card .card-body .card-txt {
    line-height: 1.6;
}
.detail-case-area .card-wrapper.col-3 .card:nth-of-type(3n) {
    margin-right: 0;
}

@media screen and (max-width: 768px){
    .detail-case-area .detail-case-block {
        width: 100%;
        padding: 50px 0 30px;
        margin: 0;
    }
    .detail-case-area .detail-case-block .point-img-top {
        position: absolute;
        top: -50px;
        left: 0;
    }
    .detail-case-area .detail-case-block .point-img-top img {
        width: 150px;
    }

    /* title-block */
    .detail-case-area .detail-case-block .inner-block {
        display: block;
        padding: 0;
        margin: 0 0 50px;
    }
    .detail-case-area .detail-case-block .inner-block .section-title {
        text-align: center;
        margin: 0 0 30px;
    }
    .detail-case-area .detail-case-block .inner-block .section-title-eng {
        background-image: url(../img/shape6.png);
    }
    .detail-case-area .detail-case-block .inner-block .txt-block {
        width: 100%;
    }
    .detail-case-area .detail-case-block .inner-block .txt-block .catch {
        font-size: 2rem;
        text-align: center;
        margin: 0 0 20px;
    }
    .detail-case-area .detail-case-block .inner-block .shape {
        position: absolute;
        bottom: -30px;
        right: -20px;
    }
    .detail-case-area .detail-case-block .inner-block .shape img {
        width: 40px;
    }

    /* card */
    .detail-case-area .card-wrapper {
        width: 100%;
        padding: 0;
    }
    .detail-case-area .card-wrapper.col-3 {
        margin-bottom: -20px;
    }
    .detail-case-area .card-wrapper.col-3 > .card {
        width: 100%;
        margin: 0 0 20px;
    }
    .detail-case-area .card-wrapper.col-3 .card .card-body {
        padding: 20px 10px;
    }
    .detail-case-area .card-wrapper.col-3 .card .card-body .card-title {
        font-size: 1.8rem;
        margin: 0 0 10px;
    }
}


/*    detail-flow-area 流れ
-------------------------------------------------------------- */
.detail-flow-area {
	padding: 0 0 100px;
}

.detail-flow-area .section-title {
    margin: 0 0 40px;
}
.detail-flow-area .section-txt {
    /* margin: 0; */
	margin: 0 0 20px;
}

.detail-flow-area .flow-list li {
    display: flex;
    justify-content: flex-start;
	/*
    align-items: flex-end;
	*/
    border-bottom: 1px solid #ddd;
    padding: 25px 0;
}
.detail-flow-area .flow-list li .title-block {
    width: 350px;
    padding: 0 0 0 0;
	display: flex;
	align-items: center;
}
.detail-flow-area .flow-list li .title-block .number {
    font-family: 'Hind',sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 600;
    color: #559ccf;
	margin: 5px 20px 0 0;
}
.detail-flow-area .flow-list li .title-block .title {
    font-weight: 500;
    line-height: 1.6;
	font-size: 1.8rem;
}
.detail-flow-area .flow-list li .txt-block {
    width: calc(100% - 400px);
    line-height: 1.8;
}


.detail-flow-area .flow-list li .contact-block {
	display: flex;
	align-items: center;
	padding: 15px 0 0;
}
.detail-flow-area .flow-list li .contact-block .cv-btn a {
    width: 260px;
    padding: 12px 0 15px;
}
.detail-flow-area .flow-list li .contact-block .tel {
    font-family: 'Hind', sans-serif;
	font-size: 2.6rem;
	font-weight: 600;
	margin: 0 30px 0 0;
}
.detail-flow-area .flow-list li .contact-block .tel i {
	font-size: 1.6rem;
	margin: 0 8px 0 0;
	vertical-align: middle;
}


@media screen and (max-width: 768px){
    .detail-flow-area {
        padding: 40px 0 50px;
    }
    .detail-flow-area .section-title {
        margin: 0 0 20px;
    }
	.detail-flow-area .section-txt {
		margin: 0 0 0;
	}
    .detail-flow-area .flow-list li {
        display: block;
        padding: 20px 0;
    }
    .detail-flow-area .flow-list li .title-block {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .detail-flow-area .flow-list li .title-block .number {
        font-size: 1.6rem;
		margin: 5px 10px 0 0;
    }
    .detail-flow-area .flow-list li .title-block .title {
        font-size: 1.8rem;
		font-weight: 600;
    }
    .detail-flow-area .flow-list li .txt-block {
        width: 100%;
    }
	
	
	.detail-flow-area .flow-list li .contact-block {
		display: block;
		padding: 5px 0 0;
		text-align: center;
	}
	.detail-flow-area .flow-list li .contact-block .cv-btn a {
		width: auto;
		padding: 12px 0 15px;
		margin: 0 auto;
	}
	.detail-flow-area .flow-list li .contact-block .tel {
		font-size: 2.6rem;
		margin: 0 0 5px 0;
	}

}

/* -----------------------------------------------------------
    パブリックスペースページ
-------------------------------------------------------------- */
#category-detail.public .category-pagetitle-area .pagetitle-jp {
    background-position: left 10px top 10px;
}

@media screen and (max-width: 768px){
    #category-detail.public .category-pagetitle-area .pagetitle-jp {
        background-position: left 0px top 8px;
    }
}

/* -----------------------------------------------------------
    自動車関連ディスプレイページ
-------------------------------------------------------------- */
#category-detail.car .category-pagetitle-area .pagetitle-jp {
    background-position: left 20px top 10px;
}

@media screen and (max-width: 768px){
    #category-detail.car .category-pagetitle-area .pagetitle-jp {
        background-position: left 0px top 8px;
    }
}


/* -----------------------------------------------------------
    植物工場設備ページ
-------------------------------------------------------------- */
#category-detail.plant-factory .detail-point-area .card-wrapper.top {
    margin-bottom: 30px;
}

#category-detail.plant-factory .detail-flow-area .flow-list li {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 300px;
}
/*
#category-detail.plant-factory .detail-flow-area .flow-list li:first-of-type {
    background-image: url(../img/flow-img-plant01.jpg);
}
#category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(2) {
    background-image: url(../img/flow-img-plant02.jpg);
}
#category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(3) {
    background-image: url(../img/flow-img-plant03.jpg);
}
#category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(4) {
    background-image: url(../img/flow-img-plant04.jpg);
}
#category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(5) {
    background-image: url(../img/flow-img-plant05.jpg);
}
*/
@media screen and (max-width: 768px){
    #category-detail.plant-factory .detail-point-area .card-wrapper.top {
        margin-bottom: 10px;
    }

    #category-detail.plant-factory .detail-flow-area .flow-list li:first-of-type,
    #category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(2),
    #category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(3),
    #category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(4),
    #category-detail.plant-factory .detail-flow-area .flow-list li:nth-of-type(5) {
        background-image: none;
    }
}