@charset "utf-8";
body.noscroll {
	height: 100%;
	overflow: hidden;
}
img {
	width: 100%;
	height: 100%;
}
p,
address,
th,
td,
dt,
dd,
input,
textarea,
select {
	font-size: 14px;
}

.pc_only {
	display: none!important;
}
.sp_tb {
	display: block!important;
}
.tb_only {
	display: block!important;
}
.ttl_tips {
	font-size: 32px;
}
.tips_box span {
	font-size: 12px;
}
.txt_tips {
	margin-top: 40px;
}
.breadcrumbs {
	display: none;
}
#wrapper {
	position: relative;
}


/*== #header ==*/
#header {
	height: 80px;
}
	#header .h_inner {}
		#header .h_inner .site-title {
			max-width: 345px;
			width: 100%;
			padding-left: 30px;
		}
	#header .burger-btn {
		display: block;
		width: 30px;
		height: 25px;
		top: 27px;
	}
		#header .burger-btn .bar {
			width: 30px;
		}
		#header .burger-btn .bar_mid {
			top: 48%;
		}
		#header .burger-btn.close .bar_top {
			transform: translate(-50%,11px) rotate(45deg);
		}
		#header .burger-btn.close .bar_bottom {
			transform: translate(-50%,-10px) rotate(-45deg);
		}
.mask {
	position: fixed;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 0;
	height: 0;
	z-index: -10;
	opacity: 0;
	transition: opacity 0.5s;
}
.mask.fade-in {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 998;
	background-color: #2789CB;
	opacity: 0.8;
}


/*== #footer ==*/
#footer .f_contact {
	padding-top: 100px;
	padding-bottom: 150px;
}
	#footer .f_contact .flex_box .tel_box .inner {
		max-width: initial;
	}
		#footer .f_contact .flex_box .tel_box .tel {
			font-size: 34px;
		}
	#footer .f_contact .flex_box .contact_box .inner {
		max-width: initial;
	}
		#footer .f_contact .flex_box .contact_box .contact {
			font-size: 24px;
		}
	#footer .f_contact .flex_box .contact_box .btn_l {
		max-width: 265px;
	}
#footer .f_box .inner {
	display: block;
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 0;
}
	#footer .f_box .inner .f_box01 {
		text-align: center;
		padding-right: 0;
		margin: 0 auto 50px;
	}
	#footer .f_box .inner ul.f_list {
		justify-content: center;
	}
	#footer .f_box .inner ul li.f_box3 ul.sp_only {
		display: none;
	}



/*============
  TOPページ
============*/
/*== #mv ==*/
#mv {
	position: relative;
}
	#mv .mv_main {
		max-width: 85%;
		width: 100%;
	}
		#mv .mv_main .mv_txt {
			left: -10%;
			top: 30%;
		}
			#mv .mv_main .mv_txt01 {
				padding-left: 16px;
				padding-right: 20px;
				font-size: 32px;
			}
			#mv .mv_main .mv_txt02 {
				margin: 15px 0 0 auto;
				padding-left: 16px;
				font-size: 32px;
			}
	#mv .slick-dots {
		bottom: 62px;
	}
	
.scroll_ber {
	left: -12%;
	bottom: -17%;
}

/*== #top_about ==*/
#top_about {
	padding-top: 60px;
	max-width: 599px;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	display: block;
	margin: 0 auto;
}
	#top_about .img_box {
		max-width: 599px;
		width: 100%;
	}
	#top_about .inner {
		max-width: 599px;
		width: 100%;
		padding-left: 0;
	}
		#top_about .inner .tips_box {
			margin-top: 35px;
		}
			#top_about .inner .tips_box .ttl_tips:before {
				width: 190px;
				height: 16px;
			}
		#top_about .inner .about_txt {
			margin-top: 45px;
			text-align: justify;
		}
		#top_about .inner .btn_l {
			margin-top: 65px;
		}


/*== #top_news ==*/
#top_news {
	margin-top: 80px;
	display: block;
}
	#top_news .tips_box {
		max-width: 599px;
		width: 100%;
		padding-right: 0;
		margin: 0 auto;
	}
		#top_news .tips_box .txt_link {
			margin-top: 20px;
		}
	#top_news .content {
		max-width: 599px;
		width: 100%;
		margin: 0 auto;
		margin-top: 38px;
	}
		#top_news .content .news_box {
			border-bottom: 1px solid #B7B7B7;
		}
		#top_news .content .news_box:first-child {
			border-top: 1px solid #B7B7B7;
		}
			#top_news .content .news_box a {
				padding-left: 8%;
				padding-right: 8%;
			}
			#top_news .content .news_box:first-child a {
				padding-top: 25px;
			}
			#top_news .content .news_box a:after {
				top: 50%;
			}
			#top_news .content .news_box:first-child a:after {
				top: 50%;
			}
				#top_news .content .news_box .category {
					margin-left: 0;
				}
				#top_news .content .news_box .news_date {
					margin-left: 18px;
				}
				#top_news .content .news_box .news_title {
					margin-left: 0;
					display: block;
					margin-top: 15px;
					font-size: 16px;
				}


/*== #top_service ==*/
#top_service {
	margin-top: 80px;
	padding-top: 0;
	padding-bottom: 80px;
}
	#top_service .tips_box {
		margin-top: 80px;
		padding-left: 8%;
		padding-right: 8%;
	}
	#top_service .wave_inner {
		padding-top: 115px;
	}
		#top_service .wave_inner:before {
			top: 65px;
		}
		#top_service .wave_inner:after {
			content: none;
		}
		#top_service .service_list {
			max-width: 599px;
			padding-left: 0;
			padding-right: 0;
		}
			#top_service .service_list li {
				max-width: 599px;
				width: 46.875%;
				margin-bottom: 20px;
			}
				#top_service .service_list li:after {
					bottom: 3px;
					right: 3px;
					width: 11px;
				}
				#top_service .service_list li a .list_ttl {
					font-size: 16px;
					text-align: center;
					margin-top: 10px;
					margin-bottom: 15px;
					letter-spacing: 1px;
				}
				#top_service .service_list li a .list_txt {
					display: none;
				}
			#top_service .btn_l {
				padding-left: 8%;
				padding-right: 8%;
				padding-top: 30px;
				height: 100%;
			}


/*============
  事業内容
============*/
#service_topArea {
	margin-top: 27px;
}
#service_box {
	padding-top: 145px;
	padding-bottom: 120px;
}
	#service_box:before {
		top: -115px;
		width: 75.7334%;
		max-width: 580px;
	}
	#service_box .section .tips_menu .link_menu {
		max-width: 130px;
	}
	#service_box .tips_menu li {/**/
		display: none;/*一時非表示*/
	}
	#service_box .service_list {
		max-width: 768px;
		width: 100%;
		padding-left: 8%;
		padding-right: 8%;
	}
	#service_box .service_list li {
		display: block;
	}
	#service_box .service_list li + li {
		margin-top: 100px;
	}
		#service_box .service_list li .img_box {
			margin-top: 30px;
		}
		#service_box .service_list li .img_box.left {
			max-width: 768px;
		}
		#service_box .service_list li .detail {
			max-width: 768%;
			width: 100%;
			padding-left: 0;
		}
		#service_box .service_list li:nth-child(even) .detail {
			padding-right: 0;
		}
			#service_box .service_list li .detail .list_ttl {
				display: none;
			}
			#service_box .service_list li .detail .number {
				display: none;
			}
			#service_box .service_list li .detail .list_txt {
				margin-top: 40px;
			}
		#service_box .service_list li .sp_detail {
			display: block!important;
		}
			#service_box .service_list li .sp_detail .number {
				max-width: 72px;
				display: block;
			}
			#service_box .service_list li .sp_detail .list_ttl {
				display: inline-block;
				font-size: 30px;
			}
		#service_box .service_list li .detail .btn_s {
			margin-top: 60px;
			position: static;
		}
			#service_box .service_list li .detail .btn_s a {
				position: relative;
			}
		#service_box .btn_l {
			margin-top: 60px;
		}


/*============
  施工事例
============*/
#case_box {
	padding-bottom: 120px;
}
	#case_box:before {
		top: -100px;
		width: 90%;
		max-width: 690px;
	}
#case_box .content {
	max-width: 768px;
	padding-left: 8%;
	padding-right: 8%;
}
#case_box .detail_area {
	padding-left: 8%;
	padding-right: 8%;
}
	#case_box .detail_area .inner .img_box {
		max-width: 599px;
		width: 50%;
		height: auto;
	}
#case_box .wave_inner:after {
	bottom: -60px;
	height: 100px;
}


/*============
  ニュース
============*/
#news_box {
	padding-bottom: 120px;
}
	#news_box:before {
		top: -120px;
		width: 51.2%;
		max-width: 390px;
	}
	#news_box .content {
		max-width: 768px;
	}
	#news_box .inner {
		max-width: 768px;
		padding-left: 8%;
		padding-right: 8%;
	}


/*============
  会社概要
============*/
#company_box:before {
	top: -125px;
	width: 89.6%;
	max-width: 688px;
}
#company_box .greetings {
	max-width: 768px;
	padding-left: 8%;
	padding-right: 8%;
}
#company_box .overview {
	max-width: 768px;
	padding-left: 8%;
	padding-right: 8%;
}
#company_box .access {
	max-width: 768px;
	padding-left: 8%;
	padding-right: 8%;
}


/*============
  プライバシーポリシー
============*/

#privacy_box:before {
	top: -120px;
	width: 130%;
	max-width: 998px;
}
#privacy_topArea {
	margin-top: 87px;
	padding-left: 8%;
	padding-right: 8%;
}
#privacy_box {
	padding-top: 55px;
	padding-left: 8%;
	padding-right: 8%;
}
	#privacy_box .privacy_list {
		max-width: 599px;
		display: block;
	}
		#privacy_box .privacy_list li {
			max-width: 599px;
			width: 100%;
			padding-right: 0;
			margin-bottom: 80px;
		}
		#privacy_box .privacy_list li:nth-child(even) {
			padding-left: 0;
		}
			#privacy_box .privacy_list li .ttl_h3 {
				text-align: center;
			}
				#privacy_box .privacy_list li .ttl_h3 .pc_sp {
					display: none;
				}
			#privacy_box .privacy_list li ol {
				margin-top: 30px;
			}
				#privacy_box .privacy_list li ol li {
					margin-bottom: 0;
					padding-left: 0!important;
					width: 100%;
				}


/*============
  お問い合わせ
============*/
#contact_box:before {
	max-width: 630px;
	width: 83.2%;
	top: -126px;
}
#contact_box .form {
	padding-bottom: 120px;
}