@charset "UTF-8";

/*========================================

pipelaser   ハイスペックパイプレーザー加工

========================================*/
main.contents {
	background-color:#000;
	padding-top:0;
}

.sec_innr {
	width:1200px;
	margin:0 auto;
}

.yybox {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.yybox iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}



/*===== hero =====*/
#hero {
	background-image:url(../img/img_01_pc.png);
	background-position-x:right;
	background-position-y:top;
	background-repeat:no-repeat;
}

#hero .sec_innr {
	text-align:left;
	padding-bottom:150px;
}

#hero .sec_innr h1 {
	padding-top:150px;
}



/*===== sec001 =====*/
#sec001 {
	padding-bottom:200px;
}

#sec001 .note {
	display:block;
	color:#fff;
	font-size:14px;
	margin-top:1em;
}

#sec001 .p01 {
	color:#fff;
	font-size:19px;
	margin-top:1.5em;
}

#sec001 .promise {
	display:flex;
	justify-content:center;
	margin-top:40px;
}

#sec001 .promise li {
	color:#fff;
	font-size:34px;
	font-weight:bold;
	list-style:none;
	border-radius:100vh;
	border:4px solid #fff;
	margin:0 10px;
	padding:.2em .5em;
}

#sec001 .trulaser {
	display:block;
	margin-top:100px;
}

#sec001 h3 {
	display:flex;
	align-items:center;
	color:#fff;
	font-size:40px;
	font-weight:bold;
	margin-top:60px;
}

#sec001 h3 strong {
	font-size:60px;
}

#sec001 h3:before,
#sec001 h3:after {
	content:"";
	flex-grow:1;
	height:4px;
	background:#fff;
	display:block;
}

#sec001 h3:before {
	margin-right:.5em;
}

#sec001 h3:after {
	margin-left:.5em;
}

#sec001 .base_box {
	display:flex;
	justify-content:space-between;
	width:1100px;
	margin:0 auto;
	margin-top:70px;
}

#sec001 .box_re {
	flex-direction:row-reverse;
}

#sec001 .base_box .photo {
	width:500px;
}

#sec001 .base_box .txt {
	width:560px;
	text-align:left;
}

#sec001 .base_box .txt h4 {
	color:#8dc21f;
	font-size:30px;
	font-weight:bold;
}

#sec001 .base_box .txt h4 span {
	display:inline-block;
	font-size:48px;
	font-weight:bold;
	font-family:"Roboto", sans-serif;
	font-weight:700;
	margin-right:.3em;
}

#sec001 .base_box .txt p {
	color:#fff;
	font-size:16px;
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:1em;
}

#sec001 .base_box .txt .btn {
	margin-top:30px;
}

#sec001 .base_box .txt .btn a {
	color:#000;
	font-size:18px;
	font-weight:bold;
	border-radius:100vh;
	background-color:#8dc21f;
	padding:.5em 1.2em;
}

#sec001 .base_box .txt .btn a::before {
	content:"\f144";
	font-family:"Font Awesome 6 Free";
	font-weight:400;
	margin-right:.5em;
}

#sec001 .base_box .txt .btn a:hover {
	opacity:.7;
	transition:.3s;
}

#sec001 .box2 {
	display:flex;
	justify-content:space-between;
	margin-top:110px;
}

#sec001 h5 {
	color:#fff;
	font-size:40px;
	font-weight:bold;
	margin-top:100px;
}

#sec001 .movie {
	margin-top:30px;
}

#sec001 .box3 {
	width:1100px;
	margin:0 auto;
	border:3px solid #8dc21f;
	border-radius:20px;
	margin-top:100px;
	padding:70px 0;
}

#sec001 .box3 strong {
	color:#8dc21f;
	font-size:30px;
	font-weight:bold;
}

#sec001 .box3 ul {
	display:flex;
	justify-content:center;
	margin-top:30px;
}

#sec001 .box3 ul li {
	list-style:none;
	margin:0 10px;
}

#sec001 .box3 ul li a {
	display:inline-block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	font-family:"Roboto", sans-serif;
	font-weight:700;
	border:2px solid #fff;
	border-radius:100vh;
	padding:.8em 2em;
}

#sec001 .box3 ul li a:hover {
	background-color:#333;
	transition:.3s;
}

#sec001 .box3 ul li .email::before {
	content:"\f0e0";
	font-family:"Font Awesome 6 Free";
	font-weight:400;
	margin-right:.5em;
}

#sec001 .box3 ul li .tel::before {
	content:"\f095";
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	margin-right:.5em;
}

@media screen and (max-width: 767px) {
	.sec_innr {
		width:90%;
		margin:0 auto;
	}

	#hero {
		background-image:url(../img/img_01_pc.png);
		background-position-x:right;
		background-position-y:top;
		background-repeat:no-repeat;
		background-size:50%;
	}

	#hero .sec_innr {
		padding-bottom:10vw;
	}

	#hero .sec_innr h1 {
		padding-top:18vw;
	}

	#sec001 {
		padding-bottom:15vw;
	}

	#sec001 .note {
		font-size:3.2vw;
	}

	#sec001 .p01 {
		font-size:3.8vw;
		margin-top:1.8em;
	}

	#sec001 .promise {
		display:block;
		width:70%;
		margin:0 auto;
		margin-top:8vw;
	}

	#sec001 .promise li {
		font-size:4.5vw;
		border:2px solid #fff;
		margin:2vw 0;
	}

	#sec001 .trulaser {
		margin-top:5vw;
	}

	#sec001 h3 {
		font-size:6vw;
		margin-top:10vw;
	}

	#sec001 h3 strong {
		font-size:8vw;
	}

	#sec001 h3:before,
	#sec001 h3:after {
		content:"";
		flex-grow:1;
		height:2px;
		background:#fff;
		display:block;
	}

	#sec001 .base_box {
		flex-direction:column;
		width:100%;
		margin:0 auto;
		margin-top:7vw;
	}

	#sec001 .box_re {
		flex-direction:column;
	}

	#sec001 .base_box .photo {
		width:100%;
	}

	#sec001 .base_box .txt {
		width:100%;
		margin-top:3vw;
	}

	#sec001 .base_box .txt h4 {
		font-size:5vw;
	}

	#sec001 .base_box .txt h4 span {
		font-size:7vw;
	}

	#sec001 .base_box .txt p {
		font-size:3.6vw;
		margin-top:.7em;
	}

	#sec001 .base_box .txt .btn {
		margin-top:4vw;
	}

	#sec001 .base_box .txt .btn a {
		font-size:3.6vw;
	}

	#sec001 .box2 {
		flex-direction:column;
		margin-top:10vw;
	}

	#sec001 .box2 span {
		display:block;
		margin-bottom:3vw;
	}

	#sec001 h5 {
		font-size:5vw;
		margin-top:7vw;
	}

	#sec001 .movie {
		margin-top:5vw;
	}

	#sec001 .box3 {
		width:100%;
		margin:0 auto;
		border:2px solid #8dc21f;
		border-radius:3vw;
		margin-top:7vw;
		padding:5vw 0;
	}

	#sec001 .box3 strong {
		font-size:4vw;
	}

	#sec001 .box3 ul {
		width:70%;
		margin:0 auto;
		flex-direction:column;
		margin-top:5vw;
	}

	#sec001 .box3 ul li {
		margin:1vw 0;
	}

	#sec001 .box3 ul li a {
		display:block;
		font-size:4vw;
	}

	#sec001 .movie {
		position:relative;
		width:100%;
		padding-top:56.25%;
		height:0;
	}

	#sec001 .movie iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}