@charset "UTF-8";
/*
 * page.css PC版下層ページ
 */


/*　h2 見出し　*/
.sub_h2 {
  background: linear-gradient(90deg, rgba(0, 23, 42, 1) 0%, rgba(6, 42, 79, 1) 70%, rgba(8, 51, 97, 1) 90%);
  color: #fff;
  text-align: center;
  font-size: 2.0em;
  letter-spacing: 0.1em;
  padding: 80px 0px;
}

/*　h3 見出し　*/
.sub_h3 {
  font-size: 1.8em;
  letter-spacing: 0.1em;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 0px auto 40px;
  color: #000;
}

/*以下で線を表示*/
.sub_h3:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -16px;/*線の上下位置*/
  display: inline-block;
  width: 100%;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #000;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}



/* 光触媒効果 */

.bg03 {
    background: linear-gradient(126deg, rgba(0,23,42,1) 0%, rgba(6,42,79,1) 70%, rgba(8,51,97,1) 90%);
	background-position: center right;
    -webkit-clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
	margin: 0 auto;
	padding: 0px 32px 8px;
	background-repeat: no-repeat;
}

.text-size01{
	font-size: 2.5em;
	letter-spacing: 0.1em;
	padding: 4px 0px 0px 8px;
}

.text-size02{
	font-size: 2rem;
	padding: 0px 0px 0px 8px;
}

.btn-01 {
	color: #fff;
	border: none;
	padding: 4px 24px;
	margin: 24px auto 0px;
	letter-spacing: 0.2em;
}

.effect_bg01{
	background-color: #FCFCFC;
	padding: 40px 0px;
}

.effect_img01 img{
	display: block;
	margin: 0px auto;
}

/* 施工サービス */

.sub_h4{
	font-size: 3em;
}

.sub_h4 .text_small{
	font-size: 1.8rem;
	vertical-align: middle;
	letter-spacing: 0.1em;
}

.flow_bg01{
	background-image: url("../service/img/flow01.jpg");
	object-fit: cover;
	object-position: center center;
	background-repeat: no-repeat;
}

.flow_bg02{
	background-image: url("../service/img/flow02.jpg");
	object-fit: cover;
	object-position: center center;
	background-repeat: no-repeat;
}

.flow_bg03{
	background-image: url("../service/img/flow03.jpg");
	object-fit: cover;
	object-position: center center;
	background-repeat: no-repeat;
}

.flow_bg04{
	background-image: url("../service/img/flow04.jpg");
	object-fit: cover;
	object-position: center center;
	background-repeat: no-repeat;
}

.flow_bg05{
	background-image: url("../service/img/flow05.jpg");
	object-fit: cover;
	object-position: center center;
	background-repeat: no-repeat;
}

.border_flow{
	padding: 0px 0px 0px 40px;
	background-image: url("../service/img/arrow_last.svg");
	background-repeat: repeat-y;
	height: 35vh;
}

.img02 img{
	object-fit: cover;
	object-position: center center;
	height: 50vh;
	display: block;
	margin: 0px auto;
}
.img03 img{
	object-fit: cover;
	object-position: center center;
	width: 20%;
	display: block;
	margin: 0px auto;
}

.img05 img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
}

/* 会社案内　*/

.w_75{
	width: 75%;
	display: block;
	margin: 0px auto;
}

.company{
	border-bottom: 1px solid #000;
	padding: 0px 0px 16px;
}
.company dt{
	width: 20%;
}


/* その他の事業 */

.img03 img{
	object-fit: contain;
	object-position: center center;
	width: 80%;
	height: 50vh;
	display: block;
	margin: 0px auto;
}
.arrow{
	width: 60px;
}
.arrow img {
	height: 50px;
	display: block;
	margin: 120px auto 0px; 
}

.img04 img{
	object-fit: cover;
	object-position: center bottom;
	width: 85%;
	height: 50vh;
	display: block;
	margin: 0px auto;
}

/* 光触媒価格表 */

tbody tr th {
	width: 30%;
}