/*///////////////// 共通 //////////////////////*/
a{
	color:#067ec4;
}	
header{
	position: fixed;
	width:100%;
	display: flex!important;
	justify-content: space-between;
	z-index: 100;
	height: 80px;

}
.is-animation{
	transition: 0.5s;
	background-color: #fff;
	height: 80px;
	box-shadow: 0px 0px 3px 0px #ccc;
}
#header .site_title{
	width:45%;
	max-width: 350px;
	overflow:hidden;
	margin: 0px;
	padding: 25px 0px 0px 20px;
}
.is-animation .site_title{
	transition: 0.5s;
}
#header .site_title a{
	display: block;
	position: relative;
}
#header .site_title img{
	width:100%;
	position: absolute;
}
.logo-color{
	opacity: 1;
}
.is-animation .logo-color{
	transition: 0.3s;
	opacity: 0;
}

.logo-shiro{
	opacity: 0;
}
.is-animation .logo-shiro{
transition: 0.8s;
	opacity: 1;
}

#header .main-menu{
	display: none;
}
.hconbox{
	display: none;
}
.sns{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.sns li{
	margin-right: 15px;
}
/*ドロワーアイコン*/
.drawer-default{
	background-color: #067ec4!important;
}
.drawer-entry-btn a{
	color: #067ec4!important;
}
.nav-ico{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 15px 0;
}
.nav-ico .s-box{
	width: 30%;
	display: block;
	border-bottom: none;
	margin-bottom: 0px!important;
	padding: 0!important;
}
.dr-sns .sns{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.dr-sns .sns li{
	width: 48%;
	margin: 0;
}
.dr-sns .sns li a{
	width: 100%;
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 1.4rem;
}
.dr-sns .sns li.instagram a{
	background-color: #383838;
	border:1px solid#383838;
}
.dr-sns .sns li.facebook a{
	background-color: #067ec4;
	border:1px solid #fff;

}
.tour-list li{
	font-size: 1.2em;
	margin-bottom: 10px;
}
.fix-btn{
	width: 150px;
	position: fixed;
	right: 30px;
	bottom: 30px;
}

/*/////////////////template_footer//////////////////////*/
footer{
	position: relative;
	padding: 40px 0 40px 0;
	color: #383838;
	font-size: 1.4rem;
	background-color: #f2f2f2;
}
#footer{
	width:100%;
	line-height: 1.6;
	margin: 0 auto;
}
#footer .foot-logo{
	width: 100%;
}

#footer p{
	margin-bottom: 0px;
}
#footer span.tel{
	font-size: 1.4rem;
}
#footer span.tel a{
	color: #383838;
}

.footermenu{
	background-color: #fff;
	padding: 20px 0;
}
.footermenu ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.footermenu ul li{
	margin-right: 2em;
}
.footermenu ul li::before{
	content: "▶︎ ";
	font-size: 1rem;
	color: #067ec4;
	margin-bottom: 2px;
}
.footermenu ul li a{
	color:#383838;
	margin-bottom: 0px;
	font-size: 1.2rem;
}
.footcon-btn a{
	display: block;
	background-color: #383838;
	border: 2px solid #383838;
	color: #fff;
	text-align: center;
	padding: 20px 40px;
	margin: 0px;
}
.footcon-btn a:hover{
	background-color: #f2f2f2;
	border: 2px solid #383838;
	color: #383838;
}
.officialsite-btn a{
	display: block;
	background-color: #00b7b2;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	padding: 20px 40px;
	margin: 0px 0 20px 0;
}
.officialsite-btn a:hover{
	background-color: #fff;
	border: 2px solid #fff;
	color: #00b7b2;
}
.go_top{
	position:fixed;
	bottom: 20px;  
	right:20px;
	display:block;
	z-index:1;
	width:50px;
	}		
.go_top img{
	width:100%;
	height:auto;
	opacity:1;
	}		

.copy{
	font-size: 1.2rem;
	color:#fff;
	background-color: #383838!important;
	line-height: 1;
	padding: 15px 0;
	text-align: center;
}
/*SECTION*/

section h2{
	font-weight: 500;
	color: #067ec4;
	text-align: left;
	font-size: 3.2rem;
	line-height: 1.2;
	margin-bottom: 60px;
	}
section h2 span{
	font-family: "Oswald", "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	margin-top: 10px;
	color: #067ec4;
	display: block;
}
section h3{
	font-size: 2rem;
	font-weight: 400;
	margin:0 0 15px 0;
	padding: 0px;
	color: #067ec4;
	text-align: left;
	line-height: 1.2;
}
section h4{
	font-size:2rem;
	font-weight:400;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
	color: #383838;
	text-align: left;
	line-height: 1.2;
}
section h5{
	font-size:1.6rem;
	margin-top:10px;
	margin-bottom:5px;
	color: #067ec4;
	line-height: 1.2;
}
section h6{
	font-size:1.6rem;
	margin-top:10px;
	margin-bottom:5px;
	font-weight:bold;
}

/*///////////////// TOP //////////////////////*/
.topstyle section{
	position: relative;
	}
.topstyle section h2{
	font-weight: 400;
	color: #067ec4;
	font-size: 3rem;
	line-height: 1;
	margin-bottom: 40px;
	text-align: left;
	}
.topstyle section h2 span{
	font-family: "Oswald", "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-size: 1.8rem;
	margin-bottom: 15px;
	color: #383838;
	margin-left: 1em;
	display: inline;
}

.video-wrap{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 60vh;
	background: url(../img/top/main-bg.jpg) no-repeat center center /cover;
}
#topmain-visual{
	position: relative;
	width: 100%;
	height: 100%;
}

/**/

.video-container {
  margin: 0 auto;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

video {
  min-width: 100%;
  min-height: 100vh;
  position: absolute;
    top: 35%;
	left: 50%;
    transform: translate(-50%, -50%);
}
/*画面サイズが変わっても常に動画の中央が表示されるようにする*/



/*動画よりも画面が横に長くなるとき用*/
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  video {
    width: 100%;
    top: -40%;
	left: 0%;
    transform: translateY(0%);
  }
}

/*動画よりも画面が縦に長くなるとき用*/
@media (max-aspect-ratio: 16/9) {
	  video {
    top: 40%;
	left: 50%;
    transform: translate(-50%, -50%);
  }
}



.catch-box{
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	bottom: 0px;
	justify-content: space-between;
	align-items: end;
	width: 100%;
		}
	
.movie-catch {
	width: 100%;
}
.movie-catch {
	width: 80%;
}
.update{
	width: 100%;
	background-color: #383838;
	color: #f2f2f2;
	padding: 1em 0px 1em 15px;
	height: 40px;
	line-height: 1.1;
	font-size: 1.2rem;
}
.update span{
	margin-right: 10px;
}
.update a{
color: #fff;
}
.topcatch{
	font-size: 120%;
	margin-bottom: 40px;
}
/*宮原さんのスタイルを入れる*/
.kensakubox{
	background-color: #067ec4;
	padding: 20px;
}
/*宮原さんのスタイルを入れる*/
#pickup section{
	position: relative;
}
.topright-btn{
	position: absolute;
	right: 30px;
	top: 0px;
}
.topright-btn a{
	display: block;
	padding: 15px 40px 15px 15px ;
	border-radius: 5px;
	background-color: #067ec4;
	border: 1px solid #067ec4;
	color: #fff!important;
	position: relative;
}
.topright-btn a:hover{
	background-color: #fff;
	border: 1px solid #067ec4;
	color: #067ec4!important;
}
.topright-btn a span::after{
	position: absolute;
	content: "▶︎";
	font-size: 1rem;
	top: 20px;
	right: 12px;
}

.topslide{
  display: none;
}
.topslide.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.pickupbox{
	padding: 0px!important;
}
.pickupbox .inner{
	background-color: #fff;
	margin-bottom: 15px;
	border-radius: 8px;
	padding: 15px;
}
.pickupbox .inner h3{
	font-size: 1.8rem;
}
.pickupbox .thumb{
	border: 1px solid #f2f2f2;
}
.pickupbox .pickup-desc{
	margin-bottom: 0px;
}
.slick-dots{
	margin-bottom: 15px!important;
}


#news ul{
}
#news ul li{
	padding: 0;
	line-height: 1;
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: 5px;
}
#news ul li a{
	color: #383838;
	display: block;
	padding: 30px;
}
#news ul li .date{
	padding: 20px;
	font-family: "Oswald", "Noto Sans JP", sans-serif;
}
#news ul li .category{
	padding: 3px 15px;
	background-color: #f2f2f2;
	font-size: 1.2rem;
}
#news ul li  .title{
	padding: 20px;
}

.linkban a p{
	display: block;
	font-size: 2.4rem;
	color: #067ec4!important;
	margin-bottom: 20px;
	line-height: 1.4;
	font-family: "Oswald", "Noto Sans JP", sans-serif;

}
.linkban a:hover p{
	transition: 0.5s;
	color: #067ec4!important;
	background-color:rgba(255,255,255,0.9);
	background-blend-mode:lighten;
	}
	/*
.linkban .office{
	background: linear-gradient(rgba(0, 0, 0, 0.5)),url(../img/top/link1.jpg) no-repeat center center /cover;
}
.linkban .sdgs{
	background: linear-gradient(rgba(0, 0, 0, 0.5)),url(../img/top/link2.jpg) no-repeat center center /cover;
}
.linkban .faq{
	background: linear-gradient(rgba(0, 0, 0, 0.5)),url(../img/top/link3.jpg) no-repeat center center /cover;
}
*/

.linkban a p span{
	display: block;
	font-size: 1.4rem;
	color: #383838;
	padding-top: 0px;
}
#bottommenu dl{
	display: flex;
	margin-bottom: 20px;
}
#bottommenu dl dt{
	width: 20%;
	color: #fff;
	line-height: 1;
	font-weight: 600;
	font-size: 1.4rem;
}
#bottommenu dl dt a{
	color: #fff;
}
#bottommenu dl dd{
	width: 80%;
	line-height: 1;
}
#bottommenu dl dd ul {
	display: flex;
	flex-wrap: wrap;
}
#bottommenu dl dd ul li{
	padding: 2px 15px;
	margin-bottom: 10px;
	position: relative;
	line-height: 0;
}
#bottommenu dl dd ul li::before{
	content: "";
	width: 1px;
	height: 100%;
	background-color: #3bacee;
	position: absolute;
	top: 0px;
	right: 0px;
}
#bottommenu dl dd ul li:last-child::before {
  content: none;        /* または display: none; でも可 */
}
#bottommenu dl dd ul li a{
	color: #fff;
	font-size: 1.2rem;
}

/*PAGE*/
.h1-bg{
	background-color: #f2f2f2;
	padding: 160px 0px 80px 0px!important;
}
.bg-gray{
	background-color: #f2f2f2;
}
.bg-blue{
	background-color: #067ec4;
}
.bg-page{
	color: #fff;
	background-position: center center;
	background-size: cover;
}
.bg-page.company{
	background-image: url(../img/h1bg/h1bg-company.jpg);
}
.bg-page.case{
	background-image: url(../img/h1bg/h1bg-case.jpg);
}
.bg-page.catalog{
	background-image: url(../img/h1bg/h1bg-catalog.jpg);
	margin-top: 0px;
}
.bg-page.pickup{
	background-image: url(../img/h1bg/h1bg-catalog.jpg);
}
.bg-page.company{
	background-image: url(../img/h1bg/h1bg-company.jpg);
}
.bg-page.contact{
	background-image: url(../img/h1bg/h1bg-contact.jpg);
}
.bg-page.office{
	background-image: url(../img/h1bg/h1bg-office.jpg);
}
.bg-page.privacy{
	background-image: url(../img/h1bg/h1bg-privacy.jpg);
}
.bg-page.sdgs{
	background-image: url(../img/h1bg/h1bg-sdgs.jpg);
}
.bg-page.faq{
	background-image: url(../img/h1bg/h1bg-faq.jpg);
}

.bg-blue h1{
	color: #fff;
}
.h1-bg h1{
	text-align: center;
	line-height: 1;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}

.presidentname span{
	font-size: 140%;
}

.enkaku table {
	width:100%;
	margin:0px 0px 40px 0px;
}
.enkaku table tr {
	width:100%;
}
.enkaku table tr th {
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #067ec4;
	font-weight: normal;
	padding:20px 15px;
	width: 25%;
}
.enkaku table tr th p {
	margin-bottom: 0px;
}
.enkaku table tr td{
	line-height:1.4;
	padding:20px 15px;
	border-bottom:1px solid #ccc;
	background-color: #fff;
}
.enkaku table tr td p {
	margin-bottom: 0px;
}

.sdgsbox{
	background-color: #f2f2f2;
	padding: 30px 30px 0px 30px;
	margin-bottom: 20px;
	height: 100%;
}
.sdgsbox ul{
	display: flex;
	width: 100%;
}
.sdgsbox ul li{
	width: 20%;
	max-width: 90px;
	margin-right: 5%;
}
.inlinelink a{
	border:1px solid #067ec4;
	background-color: #067ec4;
	color: #fff!important;
	padding: 8px 20px;
	border-radius: 50px;
	line-height: 1;
	display: inline-block;
	font-size: 1.4rem;
}
.inlinelink a:hover{
	border:1px solid #067ec4;
	background-color: #fff;
	color: #067ec4!important;
	padding: 5px 20px;
	border-radius: 50px;
}
.officebox{
	background-color: #f2f2f2;
	padding: 25px;
	margin-bottom: 20px;
}
.officebox p{
	margin-bottom: 0px;
}
.telinfo{
	position: relative;
	line-height: 1;
}

.telinfo .number{
	color: #067ec4;
	font-size: 3.2rem;
	position: relative;
	font-family: "Oswald", "Noto Sans JP", sans-serif;
	letter-spacing: 0.05em;
}


.faqbox{
	background-color: #f2f2f2;
	padding: 40px;
	margin-bottom: 20px;
}
.faqbox p{
	margin-bottom: 0px;
}


.normal table {
	width:100%;
	margin:0px 0px 20px 0px;
}
.normal table tr {
	width:100%;
}
.normal table tr th {
	background-color:#f2f2f2;
	vertical-align:middle;
	border:1px solid #c5c5c5;
	font-weight: normal;
	padding:20px 15px;
	text-align: center;
	width: 30%;
}
.normal table tr td{
	line-height:1.4;
	padding:20px 15px;
	border:1px solid #c5c5c5;
	text-align: left;
}
.company table {
	width:100%;
	margin:0px 0px 40px 0px;
}
.company table tr {
	width:100%;
}
.company table tr th {
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	padding:20px 15px;
	width: 25%;
	font-weight: 600;
}
.company table tr th p {
	margin-bottom: 0px;
}
.company table tr td{
	line-height:1.4;
	padding:20px 15px;
	border:1px solid #ccc;
	background-color: #fff;
}
.company table tr td p {
	margin-bottom: 0px;
}


.contact table {
	width:100%;
	margin:0px 0px 40px 0px;
}
.contact table tr {
	width:100%;
}
.contact table tr th {
	background-color:#f2f2f2;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	font-weight: normal;
	padding:20px 15px;
	width: 25%;
}
.contact table tr th p {
	margin-bottom: 0px;
}
.contact table tr td{
	line-height:1.4;
	padding:20px 15px;
	border:1px solid #ccc;
	background-color: #fff;
}
.contact table tr td p {
	margin-bottom: 0px;
}
/*カタログ*/
.catalog{
	margin-top: 40px;
	margin-bottom: 40px;
}
.catalog h2{
	padding: 20px 0;
	text-align: left;
	margin-bottom: 20px;
}
.catalog h3{
	color: #383838;
	font-size: 2rem;
	margin-bottom: 10px;
}
.catalogslider{
  /*display: none;*/
}
.catalogslider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.catalogslider{	
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}
.catalogslider .pickupbox{
	width: 32%;
}

.catalogslider .pickupbox .inner{
	background-color: #f2f2f2;
	margin-bottom: 5px;
}
.catalogslider .pickupbox .inner p{
	margin-bottom: 5px;
}
.catalogslider .pickupbox .inner h3{
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 0px;
}
.catalogslider .pickupbox .pickup-desc{
	font-size: 1.4rem;
	margin-bottom: 20px;
}

/*事例*/
.case-cate{
margin-bottom: 40px;
}
.case-cate h3{	
	padding: 15px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}
.case-cate h3 span{	
	font-size: 70%;
	display: block;
	margin: 10px 0 0px 0;
	color: #067ec4;
}
.case-cate ul li{
	margin-bottom: 15px;
}
.case-cate ul li a{
	color: #383838;
}
.case-cate ul li a::before{
	content:" 〉 ";
	color: #067ec4;
}
.nav-select {
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
  }

/*製品情報*/
.seihincatalog{
	text-align: center;
	line-height: 1;
	font-size: 2.4rem;
	color: #fff;
	margin-bottom: 0;
}
.productstyle h1{
	border-bottom: 1px solid #383838;
	padding: 20px 0;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 400;
}
.productstyle h2{
	font-size: 2.8rem!important;
	font-weight: 400;
	margin:0 0 20px 0;
	padding: 15px 0px 15px 0px;
	color: #067ec4;
	text-align: left;
	line-height: 1;
}
.dl-list li.btn-zumen a{
	border: 1px solid #383838;
	display: block;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 10px;
	background-color: #383838;
	color: #fff;
}
.dl-list li.btn-zumen a:hover{
	border: 1px solid #383838;
	background-color: #fff;
	color: #383838;
}

.dl-list li.btn-cat a{
	border: 1px solid #067ec4;
	display: block;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 10px;
	background-color: #067ec4;
	color: #fff;
}
.dl-list li.btn-cat a:hover{
	border: 1px solid #067ec4;
	background-color: #fff;
	color: #067ec4;
}
.future {
	margin-bottom: 40px;
	padding-left: 20px;

}
.future li{
	font-size: 1.6rem;
	margin-bottom: 10px;
	line-height: 1.6;
	  list-style-type: disc;
  list-style-position: outside;
}

.catalog-box{
	display: block;
	background-color: #f2f2f2;
	padding: 15px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.cat-thumb{
	width: 35%;
	margin-bottom: 0px;
	line-height: 1;
}

.catalog-info{
	width: 60%;
	line-height: 1;
}
.catalog-info .category{
	line-height: 1;
	margin-bottom: 10px;
	font-size: 1.2rem;
	padding: 5px 8px;
	background-color: #fff;
	display: inline-block;
}
.catalog-info h3{
	line-height: 1;
	margin-bottom: 0;
	font-size: 1.6rem;
}
/*施工事例*/
.casepost-style h1{
	font-size: 2.4rem;
	border-bottom: 1px solid #f2f2f2;
	padding: 20px 0;
	margin-bottom: 20px;
}
.casepost-style h2{
	font-size: 2rem;
	padding: 20px 0;
	margin-bottom: 0px;
}
.casebox h3{
	color: #067ec4;
}
.casebox p{
	margin-bottom: 10px;
}

.case-info{
	margin-bottom: 40px;
}
.case-info dl{
	padding: 10px;
	background-color: #f2f2f2;
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 5px;
	}
.case-info dl dt{
	line-height: 1;
	border-right: 1px solid #ccc;
	min-width: 130px;
	text-indent: 1em;
	color: #067ec4;
	font-weight: 600;
}
.case-info dl dd{
	line-height: 1;
	text-indent: 1em;
}


/*SINGLEPAGE*/
.news{
	text-align: center;
	line-height: 1;
	font-size: 2.4rem;
	color: #f2f2f2;
	margin-bottom: 0;
}
.news h1{
	border-bottom: 1px solid #383838;
	padding: 20px 0;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 400;
}

.sidebar-cate{
margin-bottom: 40px;
}
.sidebar-cate h3{	
	padding: 15px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}
.sidebar-cate h3 span{	
	font-size: 70%;
	display: block;
	margin: 10px 0 0px 0;
	color: #067ec4;
}
.sidebar-cate ul li{
	margin-bottom: 15px;
}
.sidebar-cate ul li a{
	color: #383838;
}
.sidebar-cate ul li a::before{
	content:" 〉 ";
	color: #067ec4;
}
.nav-select {
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
  }
/*//////////////////////////// mobile ////////////////////////////*/
@media only screen and ( max-width : 600px ) {
header{
	height:60px;
	}
.is-animation{
	height: 60px;
}
#header .site_title{
	width:60%;
	max-width: 220px;
	padding: 20px 0px 0px 15px;
}
/*
#header .site_title img{
	display: none;
}
*/
.is-animation .site_title img{
	display: block!important;
}
#header .main-menu li.normal-menu{
	display: none;
}
#footer .foot-logo{
	width: 70%;
}
section .row{
	margin-bottom: 20px;
}
section .row:last-child{
	margin-bottom: 0px;
}
.copy{
	float: none;
	text-align: center;
	font-size: 1rem;
	}
.container {
  width: 90%;
}

section h2{
	font-size: 2.4rem!important;
	font-weight: 600;
	margin-bottom: 40px;
	}
section h2 span{
	font-size: 1.4rem!important;
}
section h3{
	font-size: 1.8rem;
}
section h4{
	font-size: 1.4rem;
	margin-bottom: 10px;
	font-weight: 600;
}
section h5{
	font-size: 1.4rem;
}
.footcon-btn a{
	margin-top: 15px;
}
/*///////////////// TOP //////////////////////*/
.video-wrap{
	height: 70vh;
}
video {
    top: 40%;
	left: 50%;
    transform: translate(-50%, -50%);
  }

.topstyle section h2 {
	font-size: 2.8rem!important;
}
.topstyle section h2 span{
	font-size: 1.8rem!important;
}
.update{
	width:100%;
	height: 50px;
}
.update span.last{
	display: block;
}
.update span.title{
	width:100%;
	margin-bottom: 5px;
}
.topcatch{
	font-size: 100%;
}
.topright-btn{
	position:initial;
}

.linkban a p{
	display: ink;
	font-size: 2.8rem;
	margin-bottom: 30px!important;
	line-height: 1.4;
}


.linkban a p span{
	font-size: 1.4rem;
	display: inline-block;
	margin-left: 15px;
}

#news ul li a{
	padding: 15px;
}

#news ul li .date{
	padding: 10px;
}
#news ul li .category{
	padding: 2px 8px;
}
#news ul li  .title{
	padding: 0px 10px 0px 10px;
	display: block;
	margin-top: 10px;
}
#bottommenu dl dt{
	width: 30%;
	font-size: 1.2rem;

}
#bottommenu dl dd{
	width: 70%;
}

#bottommenu dl dd ul li{
	margin-right: 15px;
	margin-bottom: 10px;
}
#bottommenu dl dd ul li a{
	color: #fff;
}
.h1-bg{
	padding: 30px!important;
	padding: 100px 0px 60px 0px!important;
}

.h1-bg h1{
	font-size: 2rem;
}
.h1-bg .seihincatalog{
	font-size: 2rem;
}
.h1-bg .news{
	font-size: 2rem;
}
/*///////////////// PAGE //////////////////////*/
.enkaku table tr th{ 
	width:100%;
	border: none;
	display: block;
	border: none;
	text-align: left;
	padding: 12px ;
	font-weight: 600;
	background-color: #f2f2f2;
}
.enkaku table tr td{ 
	width: 100%;
	border: none;
	display: block;
	padding: 12px ;
	background: none!important;
	margin-bottom: 20px;
	background-color:#f2f2f2;
}

.normal table tr th {
	padding:10px 5px;
	width: 100%;
	display: block;
}
.normal table tr td{
	padding:10px 5px;
	width: 100%;
	display: block;
	border: none;
}

.company table { 
	width: 100%; 
}
.company table tr th{ 
	width:100%;
	border: none;
	display: block;
	border: 1px solid #fff;
	padding:12px;
	text-align: left;
}
.company table tr td{ 
	width: 100%;
	border: none;
	display: block;
	padding:12px 0px;
	background: none!important;
	margin-bottom: 20px;
}

.contact table { 
	width: 100%; 
}
.contact table tr th{ 
	width:100%;
	border: none;
	display: block;
	border: 1px solid #fff;
	padding:6px 12px 6px 12px ;
	text-align: left;
}
.contact table tr td{ 
	width: 100%;
	border: none;
	display: block;
	padding:12px 0px;
	background: none!important;
	margin-bottom: 20px;
}
.fix-btn{
	width: 100px;
	position: fixed;
	left: 15px;
	bottom: 15px;
	}
.officebox{
		padding: 15px;
	}
.telinfo{
	margin-top: 10px;
}
.telinfo .number{
	display: block;
	font-size: 2.8rem;
}
.telinfo .time{
	margin-left: -0.5em;
	margin-top: 10px;
	display: block;
}

/*施工事例*/
.casepost-style h1{
	font-size: 2rem;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
	margin-bottom: 10px;
}
.casepost-style h2{
	font-size: 1.6rem;
	padding: 10px 0;
	margin-bottom: 0px;
}
.case-info{
	margin-bottom: 20px;
}
.case-info dl{
	flex-wrap: wrap;
	margin-bottom: 5px;
	}
.case-info dl dt{
	border-right: none;
	text-indent: 0em;
	width: 100%;
	margin-bottom: 5px;
}
.case-info dl dd{
	text-indent: 0em;
	width: 100%;
}


.catalogslider{	
	display: block;
}
.catalogslider .pickupbox{
	width: 100%;
}





}

/*//////////////////////////// PC ////////////////////////////*/
@media print, screen and ( min-width : 1024px ) {

/*header*/
header{
	height: 100px;
	display: flex!important;
}
#header .site_title{
	width: 30%;
	max-width: 350px;
	padding: 25px 0px 0px 20px;
}
.hmenu{
	display: flex;
	}
#header .main-menu{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 0px;
	margin-bottom: 0px;
}
#header .main-menu li{
	display: flex;
	margin-right: 40px;
	padding: 30px 0 20px 0;
	}
#header .main-menu li a{
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	border-bottom: 2px solid transparent;
	padding-bottom: 10px;
}
.is-animation .main-menu li a{
	color: #383838!important;
}
#header .main-menu li a:hover{
transition: 0.3s;
	border-bottom: 2px solid #067ec4;
}
.hconbox{
	display: block;
	margin-left: 30px;
}
.hconbox .sns{
	display: flex;
	flex-wrap: nowrap;
	margin:15px 0 10px 0;
}
.hconbox .sns li a{
display: block;
	padding: 8px 10px;
	width: 48%;
	color: #fff;
}
.hconbox .sns li.facebook{
	background-color: #067ec4;
}
.hconbox .sns li.instagram{
	background-color: #383838;
}
.hconbox .tel{
	color: #067ec4;
	font-weight: 600;
	font-family: "Oswald", "Noto Sans JP", sans-serif;
	letter-spacing: 1px;
}
.hconbox .tel a{
	color: #067ec4;
	font-size: 3rem;
    letter-spacing: 0.05em;
  }

section{
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	line-height: 1;
}
section .row{
	margin-bottom: 20px;
}
section .row:last-child{
	margin-bottom: 0px;
}

#footer{
	max-width: 1200px;
}
/*TOP*/
.update{
	width:50%;
}
.topstyle section h2{
	font-size: 3.8rem;
	font-family: "Oswald", sans-serif;
	}
.topstyle section h2 span{
	font-size: 2rem;
}


.linkban a p{
	margin-bottom: 0px;
	font-size: 3.2rem;
}


.linkban a:hover{
	transition: 0.5s;
	color: #fff;
	}
.linkban a p span{
	font-size: 1.4rem;
	display: inline-block;
	margin-left: 15px;
}

/*PAGE*/
.h1-bg{
	padding: 30px!important;
	padding: 180px 0px 100px 0px!important;
}
.h1-bg .seihincatalog{
	font-size: 3.2rem;
}
.h1-bg .news{
	font-size: 3.2rem;
}


.catch-box{
	display: flex;
	flex-wrap: nowrap;
	position: absolute;
	bottom: 0px;
	justify-content: space-between;
	align-items: end;
	width: 100%;
		}
.movie-catch{
	width: 48%;
}
.update{
	width: 48%;
	background-color: #383838;
	color: #f2f2f2;
	padding: 1em 0px 1em 15px;
	height: 40px;
	line-height: 1.1;
	font-size: 1.2rem;
}


}