@charset "utf-8";
/*------------------------------------------------------------
	knowhow03
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.knowhow03 .sec02 {
		margin-bottom: 8.7rem;
	}
	.knowhow03 .sec03 {
		margin-bottom: 10.3rem;
	}
	.knowhow03 .sec03 .imgInfo:last-child .textBox {
		margin-top: 3.8rem;
	}
}
@media all and (max-width: 896px) {
	.knowhow03 .sec02 {
		margin-bottom: 2.8rem;
	}
	.knowhow03 .imgBox .comDotList li {
		padding-bottom: 2.7rem;
	}
	.knowhow03 .sec03 {
		margin-bottom: 5.3rem;
	}
}
/*------------------------------------------------------------
	knowhow04
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.knowhow04 .sec01 {
		margin-bottom: 10.9rem;
	}
	.knowhow04 .sec02 .imgBox .pho {
		margin-top: -0.5rem;
	}
	.knowhow04 .sec03 {
		margin-bottom: 12.2rem;
	}
	.knowhow04 .sec03 .pho {
		width: 39.4rem;
		margin-top: 0.3rem;
	}
	.knowhow04 .sec03 .textBox {
		width: 40.5rem;
	}
}
@media all and (max-width: 896px) {
	.knowhow04 .sec02 {
		margin-bottom: 5.8rem;
	}
	.comBusiness .sec03 {
		margin-bottom: 5.4rem;
	}
	.knowhow04 .imgBox01 {
		margin-top: 0;
	}
	.knowhow04 .imgBox01 .pho {
		margin: 0 0 4.3rem;
	}
	.knowhow04 .imgBox01 .comDotList li {
		padding-bottom: 0;
	}
}
/*------------------------------------------------------------
	knowhow05
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.knowhow05 .sec01 {
		margin-bottom: 10.9rem;
	}
	.knowhow05 .sec02 {
		margin-bottom: 9.9rem;
	}
	.knowhow05 .sec02 .imgBox .pho {
		margin-top: -0.5rem;
	}
	.knowhow05 .sec02 .imgBox p {
		margin-right: -1rem;
		letter-spacing: 0.018em;
	}
	.knowhow05 .sec03 {
		margin-bottom: 12.2rem;
	}
	.knowhow05 .sec03 .pho {
		width: 39.4rem;
		margin-top: 0.2rem;
	}
	.knowhow05 .sec03 .textBox {
		width: 40.5rem;
	}
	.knowhow05 .sec04 .pho {
		left: 18.3rem;
	}
	.knowhow05 .sec04 .pho span {
		left: -15rem;
		top: 58%;
	}
}
@media all and (max-width: 896px) {
	.knowhow05 .sec02 {
		margin-bottom: 5.8rem;
	}
	.knowhow05 .sec03 {
		margin-bottom: 5.4rem;
	}
	.knowhow05 .imgBox01 {
		margin-top: 0;
	}
	.knowhow05 .imgBox01 .pho {
		margin: 0 0 4.3rem;
	}
}
/*------------------------------------------------------------
	trust01
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.trust01 .sec03 .imgInfo .pho {
		order: 1;
	}
	.trust01 .sec03 .imgInfo .headLine06 span {
		min-width: 12.7rem;
		text-align: center;
	}
	.trust01 .sec04 .pho span {
		left: -11.3rem;
	}
}
@media all and (max-width: 896px) {
	.trust01 .sec03 .imgInfo .headLine06 {
		margin-bottom: 0.5rem;
	}
	.trust01 .sec03 .imgInfo .headLine06 span {
		padding: 0.6rem 0 0.7rem;
		font-size: 1.2rem;
		letter-spacing: 0.15em;
	}
	.trust01 .sec03 .imgInfo .text {
		margin-bottom: 1.5rem;
	}
	.trust01 .sec04 .pho span {
		left: -0.7rem;
		top: 60%;
	}
}
/*------------------------------------------------------------
	trust02
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.trust02 .sec03 .textBox {
		width: 40.5rem;
	}
	.trust02 .sec03 .imgBox01 .pho {
        width: 39.4rem;
        margin-top: 0.3rem;
		order: 1;
    }
	.trust02 .sec04 .bgInfo {
		min-height: 26.5rem;
	}
	.trust02 .sec04 .bgInfo:first-of-type {
		margin-bottom: 5rem;
	}
	.trust02 .sec04 .pho {
		left: 17.8rem;
	}
	.trust02 .sec04 .pho span {
		left: -9.8rem;
	}
	.trust02 .sec04 .pho02 span {
		left: -11.8rem;
	}
}
@media all and (max-width: 896px) {
	.trust02 .sec03 .imgBox01 .pho {
		margin: 0 0 4.3rem;
	}
	.trust02 .sec04 .bgInfo:first-of-type {
		margin-bottom: 4rem;
	}
	.trust02 .sec04 .pho span {
		left: 1rem;
	}
	.trust02 .sec04 .pho02 span {
		left: -0.4rem;
	}
}
/*------------------------------------------------------------
	trust03
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.trust03 .pageTitle .headLine01 {
		width: 39.8rem;
		left: -8.1rem;
	}
	.trust03 .sec03 .textBox {
		width: 40.5rem;
	}
	.trust03 .sec03 .imgBox01 .pho {
        width: 39.4rem;
        margin-top: 0.3rem;
		order: 1;
    }
	.trust03 .sec04 .pho span {
		left: -10.5rem;
		top: 51.5%;
	}
}
@media all and (max-width: 896px) {
	.trust03 .pageTitle .headLine01 {
		width: 19.9rem;
		left: -0.8rem;
		top: -8.1rem;
	}
	.trust03 .sec03 .imgBox01 .pho {
		margin: 0 0 4.3rem;
	}
	.trust03 .sec04 .pho span {
		left: 0rem;
	}
}

/*------------------------------------------------------------
	trust04
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.trust04 .sec03 .textBox {
		width: 40.5rem;
	}
	.trust04 .sec03 .imgBox01 .pho {
        width: 39.4rem;
        margin-top: 0.3rem;
		order: 1;
    }
	.trust04 .sec04 .pho {
		left: 18.5rem;
	}
	.trust04 .sec04 .pho span {
		left: -13.8rem;
		top: 52.5%;
	}
}
@media all and (max-width: 896px) {
	.trust04 .sec03 .imgBox01 .pho {
		margin: 0 0 4.3rem;
	}
}
/*------------------------------------------------------------
	trust05
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.trust05 .pageTitle .headLine01 {
		width: 39.8rem;
		left: -8.1rem;
	}
}
@media all and (max-width: 896px) {
	.trust05 .pageTitle .headLine01 {
		width: 19.9rem;
		left: -0.8rem;
		top: -8.1rem;
	}
}
/*------------------------------------------------------------
	relief01
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.relief01 .sec04 .pho span {
		top: 52.5%;
		left: -8.6rem;
	}
}
@media all and (max-width: 896px) {
	.relief01 .sec04 .pho span {
		left: -0.4rem;
	}
}
/*------------------------------------------------------------
	relief02
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.relief02 .sec04 .pho span {
		top: 65.5%;
		left: -10.7rem;
	}
}
@media all and (max-width: 896px) {
	.relief02 .sec04 .pho span {
		left: 0.8rem;
	}
}
/*------------------------------------------------------------
	relief03
------------------------------------------------------------*/
.relief03 .sec01 .headLine04 {
	position: relative;
}
.relief03 .sec01 .headLine04 .en {
	margin: -0.2rem 0 -0.4rem;
	font-size: 2.4rem;
	letter-spacing: 0.03em;
}
.relief03 .sec01 .headLine04 .big {
	display: inline-block;
	color: #00A8E6;
	font-weight: 900;
	font-size: 3.5rem;
}
.relief03 .sec01 .headLine04 .mark {
	display: inline-block;
	font-size: 3.2rem;
}
.relief03 .sec01 .headLine04 .icoImg {
	position: absolute;
	width: 11.2rem;
	right: 11rem;
	bottom: -0.4rem;
}
.relief03 .sec01 p {
	letter-spacing: 0.05em;
}
.relief03 .sec04 .headLine05 .sml {
	font-size: 1.8rem;
	letter-spacing: 0.25em;
}
@media all and (min-width: 897px) {	
	.relief03 .sec04 .bgInfo {
		min-height: 21.5rem;
	}
	.relief03 .sec04 .pho {
		left: 21.3rem;
	}
	.relief03 .sec04 .pho span {
		top: 61.5%;
		left: -13.3rem;
	}
	.relief03 .sec04 .textInfo {
		width: 34.8rem;
	}
}
@media all and (max-width: 896px) {
	.relief03 .sec01 .headLine04 {
		margin-bottom: 0rem;
	}
	.relief03 .sec01 .headLine04 .en {
		margin: -0.5rem 0 0.8rem;
		font-size: 1.8rem;
		letter-spacing: 0.03em;
	}
	.relief03 .sec01 .headLine04 .big {
		font-size: 2.6rem;
	}
	.relief03 .sec01 .headLine04 .mark {
		font-size: 2.4rem;
	}
	.relief03 .sec01 .headLine04 .icoImg {
		margin: 0 auto;
		position: inherit;
		width: 5rem;
		right: 0;
		bottom: 0;
	}
	.relief03 .sec04 .pho span {
		left: 0.7rem;
	}
}
/*------------------------------------------------------------
	relief04
------------------------------------------------------------*/
.relief04 .sec01 p {
	letter-spacing: 0.05em;
}
@media all and (min-width: 897px) {	
	.relief04 .sec04 .pho {
		left: 20.7rem;
		width: 28.5rem;
	}
	.relief04 .sec04 .pho span {
		top: 61.5%;
		left: -13.3rem;
	}
	.relief04 .sec04 .textInfo {
		width: 27.2rem;
	}
}
@media all and (max-width: 896px) {
	.relief04 .sec04 .pho {
		margin: 0 -3rem 2.4rem 4rem;
	}	
	.relief04 .sec04 .pho span {
		left: -4.7rem;
	}
}
/*------------------------------------------------------------
	relief05
------------------------------------------------------------*/
.relief05 .sec03 {
	margin-bottom: 0;
}
/*------------------------------------------------------------
	relief06
------------------------------------------------------------*/
.relief06 .sec03 {
	margin-bottom: 0;
}