@charset "utf-8";
/* CSS Document */

.slide {
	position: relative;
}

.main_theme {
    background-image: url(../img/brand/3m/bg-scenery.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 135px 0;
    max-height: 537px;
}

    .content_3m .intro {
        padding: 70px 0 100px;
    }
        .intro-copy {
        	font-size: 14px;
        	line-height: 24px;
        	padding-left: 20px;
        	display: inline-block;
        	vertical-align: middle;
        }
        .intro-topic {
        	font-size: 18px;
        	line-height: 30px;
        	letter-spacing: 1.8px;
        	font-weight: 600;
        	display: inline-block;
        	vertical-align: middle;
        	padding-left: 100px;
        }

    .content_3m .banner {
    	background-image: url(../img/brand/3m/banner.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 173px 0;
		max-height: 347px;
    }
    .content_3m .point1 {
		position: relative;
		background-image: url(../img/brand/3m/bg-point1.jpg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    padding: 95px 0;
	    max-height: 531px;
    }
		.point1-title {
			font-size: 36px;
			line-height: 48px;
			width: 13em;
			padding: 10px 0 0 3em;
			font-weight: 600;
			background-image: url(../img/brand/3m/num1.png);
			background-repeat: no-repeat;
			background-position: left top;
			background-size: 24px 96px;
			margin-bottom: 35px;
			margin-left: 40px;
		}
		.point1-copy {
			font-size: 15px;
			line-height: 25px;
			word-wrap: break-word;
			word-break: break-all;
			text-align: justify;
			margin-left: 40px;
		}

		.content_3m .point1-deco {
			position: absolute;
			right: 0;
			bottom: 0;
		}
    .content_3m .point2 {
        background-image: url(../img/brand/3m/bg-point2.jpg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    padding: 110px 0 330px;
	    max-height: 750px;
    }
        .point2-title {
			padding: 0 0 0 104px;
			background-image: url(../img/brand/3m/num2.png);
			background-repeat: no-repeat;
			background-position: left top;
			background-size: 54px 98px;
			margin-bottom: 35px;
		}
		.point2-subtitle {
			color: #fff;
			font-size: 36px;
			line-height: 48px;
			font-weight: 600;
			letter-spacing: 1.8px;
			margin-bottom: 10px;
		}
		.point2-copy {
			font-size: 20px;
			line-height: 30px;
			width: calc(15em + 30px);
			word-wrap: break-word;
			word-break: break-all;
			text-align: justify;
			letter-spacing: 2px;
			color: #fff;
			font-weight: 600;
		}


    .content_3m .point3 {
        background-image: url(../img/brand/3m/bg-point3.png);
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 1205px 743px;
	    background-color: #eff8fc;
	    max-height: 743px;
	    padding: 80px 0 180px;
    }
        .point3-title {
			font-size: 36px;
			line-height: 48px;
			width: 9em;
			padding: 10px 0 0 3em;
			font-weight: 600;
			background-image: url(../img/brand/3m/num3.png);
			background-repeat: no-repeat;
			background-position: 20px top;
			background-size: 54px 98px;
			margin-bottom: 35px;
		}
			.point3-unit {
				border-top: 1px dashed #b5b5b5;
				padding: 35px 0 35px 65px;
			}
			.point3-unit:first-of-type {
                border-top: none;
				padding: 0 0 35px 65px;
			}
			    .point3-unit .unit-logo, .point3-unit .unit-title, .point3-unit .unit-copy {
			    	display: inline-block;
			    	vertical-align: middle;

			    }
			    .point3-unit .unit-logo {
			    	margin-right: 25px;
			    }
			    .point3-unit .unit-title {
			    	font-size: 26px;
			    	letter-spacing: 1.3px;
			    	width: 6.5em;
			    	text-align: center;
			    	margin-right: 35px;
			    }
			    .point3-unit .unit-copy {
			    	font-size: 15px;
			    	line-height: 24px;
			    	width: 18em;
			    }