@charset "UTF-8";
.factory{
	background: var(--col-cream);
}
/* ------------------------------------------------
        MV            
--------------------------------------------------- */

.section.mv .cont-inn{
	width:90%;
	max-width: 1200px;
	padding: 40px 0 0;
	position: relative
}
.section.mv .cont-inn .inn-box{
	width:70%;
	padding-bottom: 30px;
	background-image:url("../../../img/products/item01/factory/mv_img.png");
	background-repeat: no-repeat;
	background-position: right  bottom -10px;
	background-size: 330px;
}
.page-ttl{
	font-size:4.4rem;
}
.page-ttl span{
	background: var(--col-navy);
}

.section.mv .img-apri {
	position: absolute;
	content:'';
	width:28%;
	bottom:-70px;
	right:0
}

/* .section.mv .img-apri {
  width: 336px !important;
  height: auto !important;
} */

.page-ttl_sub {
	font-size: 1.8rem;
	font-weight: bold;
	margin-left: 2%;
	position: relative;
    top: -12px;	
}

.Speech-balloon {
	font-size: 1.8rem;
	width: 20em;
	margin-left: 1%;
	position: relative;
	top: -5px;
}


@media (max-width: 1200px) {
	.section.mv .lead-txt{
		margin-bottom: 12vw
	}
	.section.mv .cont-inn .inn-box{
		background-size: 55%
	}

	.page-ttl{
		font-size:5vw;
	}

	.Speech-balloon {
		font-size: 1.8rem;
		width: 20em;
		/* top: -5px; */
		top: -1vw;
	}
}

@media (max-width: 768px) {
	.page-ttl{
		font-size:5.1vw;
	}
	.section.mv .lead-txt{
		margin-bottom: 8vw
	}
	
	.section.mv .cont-inn .inn-box{
		background-size: 20%
	}
	
	.section.mv .cont-inn{
		width:90%;
		max-width: inherit;
		padding: 4vw 0 0;
	}
	.section.mv .cont-inn .inn-box{
		width:100%;
		padding-bottom: 28vw;
		background-position: left 5vw bottom -1vw;
		background-size: 45%
	}

	.section.mv .img-apri{
		position: absolute;
		content:'';
		width:48%;
		bottom:-12vw;
		right:-4vw
	}

	.page-ttl_sub {
		font-size: 3vw;
		margin-left: 2%;
		top: -2vw;
	}

	.Speech-balloon {
		width: 65%;
		top: -1vw;
	}

}

/* ------------------------------------------------
		lead
--------------------------------------------------- */
.section.lead .cont-inn{
	padding-bottom: 150px;
	background-image:url("../../../img/products/item01/factory/lead_bg.png");
	background-repeat: no-repeat;
	background-position: left  bottom;
	background-size: 100%
}

.section.lead .sec-ttl span{
		color:var(--col-blue_green);
}

@media (max-width: 768px) {
	.section.lead .cont-inn{
		padding-bottom:25vw;
		background-image:url("../../../img/products/item01/factory/lead_bg-sp.png");
	}
}


/* ------------------------------------------------
		feature
--------------------------------------------------- */
.feature-item .item-name span{background: var(--col-orange);}


/* ------------------------------------------------
		scene
--------------------------------------------------- */
.scene-item .item-cat.col1 span{background:#49BC6F;}
.scene-item .item-cat.col2 span{background: #1D509D;}
.scene-item .item-cat.col3 span{background: #F88D00;}
.scene-item .item-cat.col4 span{background: #4CB9EC;}



/* ------------------------------------------------
		comparison
--------------------------------------------------- */
.section.comparison .table-wrap{
	/*border:2px solid var(--col-blue_green);*/
}
.section.comparison table th{
	background:  var(--col-blue_green);
}


/* ------------------------------------------------
		case
--------------------------------------------------- */

.case-item .item-voice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-left: 20px;
}

.case-item .item-voice img {
    width: 30px;
    height: auto;
    flex-shrink: 0;
	margin-top: 5px;
}

.case-item .voice-content {
    flex: 1;
}

.case-item .voice-text {
    font-weight: bold;
    line-height: 2;
	margin-top: 15px;
}

.case-item .item-name {
    text-align: right;
    margin-top: 10px;
	font-size: 1.4rem;
}

.use-list li::before {
    content: "・";
}

.use-list {
    margin-left: 20px;
}

@media (max-width: 1200px) {
	.case-item .item-voice{
        gap: 8px;
        padding-left: 15px;
    }

	.case-item .voice-text{
		font-size: 1.5rem;
	}

	.case-item .item-name{
        font-size: 1.3rem;
    }

	.case-item .item-txt{
        margin-top: 18px;
    }

	.case-item .item-txt > p{
        white-space: nowrap;
    }

	.use-list{
        margin-left: 8px;
    }

}


@media (max-width: 768px){
	.case-item .item-voice{
        gap: 8px;
        padding-left: 10px;
    }

    .case-item .item-voice img{
         width: 6vw;
        margin-top: 5px;
    }

	.case-item .voice-text{
		font-size: 3.5vw;
	}
    
	.case-item .item-name{
        font-size: 3.0vw;
    }

	.case-item .item-txt{
    	margin-top: 18px;
		font-size: 3.0vw;
	}

	.case-item .item-txt > p{
        white-space: nowrap;
    }

	.use-list{
        margin-left: 8px;
    }


    }


/* ------------------------------------------------
		flow
--------------------------------------------------- */
.flow-item .item-num{
	background:var(--col-orange);
}

/* ------------------------------------------------
		CTA
--------------------------------------------------- */
@media (max-width: 768px){
.cta-area .cta-txt-l {
    line-height: 1.5;
}
}