/*
Theme Name: Lightning Child
Theme URI: https://lightning.nagoya
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 13.7.2.1616053883
Updated: 2021-03-18 16:51:23

*/

.mainSection-title, h2 {
    border-bottom: 1px solid #c8c8c8;
}

.subSection-title, h3 {
    border-bottom: 1px solid rgba(0,0,0,.2);
	font-size:1.2em;
	font-weight:bold;
	margin-top:50px;
}


/* ----------------------------------
スタッフ紹介
---------------------------------- */

#staff{
	
}

#staff ul{
list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding: 0;
}
#staff ul li{
	text-align:center;
	margin-right:3%;
	margin-bottom:10px;
	width: calc(88% / 5);
	font-size:0.9em;
	line-height:1.4em;
}

#staff ul li:nth-of-type(5n){
	margin-right:0;
}

@media screen and (max-width:768px) {
#staff ul li{
    width: calc(97% / 2);
}
#staff ul li:nth-of-type(5n){
	margin-right:3%;
}
#staff ul li:nth-of-type(2n){
	margin-right:0;
}
}

#staff ul li img{
	display:block;
	margin-bottom:10px;
	width:100%;
	height:auto;
}

/* ----------------------------------
よくある質問
---------------------------------- */

#faq{
	
}



#faq h3 strong{
	color: #337ab7;
	padding-right: 10px;
}

#faq ul{
	padding:20px 20px 20px 40px;
	border: 1px dotted #c8c8c8;
	border-radius:10px;
	font-size:0.9em;
	line-height:1.4em;
}
#faq ul li strong{
	font-weight:bold;
	display:block;
}

#faq ul li p{
	margin-bottom:0;
}

#faq ul li:nth-last-of-type(1){
	margin-bottom:0;
}

@media screen and (max-width:768px){
#faq h3{
line-height: 1.5em;
    text-indent: -2.5em;
    padding-left: 2.5em;
}
#faq h3:after{
		left: 0em;
	}
}

/* ----------------------------------
会社案内
---------------------------------- */

#company{
	
}

/* table */

#company table{
width: 100%;
margin: 0 auto 100px auto;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px 0;
}
#company table tr th,
#company table tr td{
padding: 1.5em 1.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;

}

#company table tr th{
width: 35%;
text-align: center;
background: #fff;
border-width: 1px 1px 1px 0;
font-weight:normal;
}

#company table tr td{
border-width: 1px 0;
}

@media screen and (max-width:768px){
#company table,
#company table tbody,
#company table tr,
#company table tr th,
#company table tr td{
display: block;
}
#company table{
width: 100%;
border-width: 0 0 1px 0;
margin: 20px auto 50px auto;
}
#company table tr th,
#company table tr td{
width: 90%;
padding: 3% 5%;
text-align:left;
border-width: 1px 0;
}
#company table tr td{
border-width: 0px 0px 0px 0px;
}
#company table tr th{
		border-bottom:dotted 1px #CCC;
	}
}

#company table ul{
	margin:0;
	padding:0 0 0 1.5em;
}

#company table ul li:nth-last-of-type(1){
	margin:0;
}

#company aside ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}

#company aside ul li{
	margin-right:3%;
	margin-bottom:10px;
	width: calc(82% / 7);
	font-size:0.9em;
	line-height:1.4em;
}

#company aside ul li:nth-of-type(7n){
	margin-right:0;
}

#company aside ul li img{
	width:100%;
	height:auto;
}



#company h4 {
    background: #b5d3ec;
    border-radius: 10px;
    padding: 10px;
    color: #212529;
    font-size: 0.9em;
	line-height:1.9em;
	padding:20px;
}

#boss{
	display:flex;
}
#boss div{
	margin-right:20px;
	width:20%;
	font-size:0.8em;
}
#boss p{
	width:80%;
}
#boss p strong{
	text-align:right;
	display:block;
	margin-top:10px;
}
#boss div img{
	width:100%;
	height:auto;
}


#wrap_shop{
	display:flex;
}

#wrap_shop div{
	margin-right:4%;
	width:48%;
}

#wrap_shop div:nth-last-of-type(1){
	margin-right:0;
}

#wrap_shop div img{
	width:100%;
	height:auto;
	margin-bottom:15px;
}

#wrap_shop div a{
	border:#337ab7 solid 1px;
	padding: 7px 20px;
    border-radius: 5px;
	text-decoration:none;
}
#wrap_shop div a:hover{
	background:#337ab7;
	color:#fff;
}

@media screen and (max-width:768px) {
#boss{
	display:block;
}
#boss div{
	margin:0 auto 20px auto;
	width:70%;
	font-size:0.8em;
}
#boss p{
	width:100%;
}
	
#wrap_shop{
	display:block;
}

#wrap_shop div{
	margin-right:0%;
	width:100%;
}
#wrap_shop div:nth-last-of-type(1){
	margin-right:0;
	margin-top:50px;
}
	
#company aside ul li{
    width: calc(97% / 2);
}
#company aside ul li:nth-of-type(7n){
	margin-right:3%;
}
#company aside ul li:nth-of-type(2n){
	margin-right:0;
}
}


/* 施工事例 */

#wrap_const{
	margin-bottom:80px;
}

.entry-meta_items_term a{
background-color: #23a5dd;
border: none;
color: #fff;
text-decoration: none;
font-size: .8rem;
line-height: 1;
padding: 4px 1em 2px;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
border-radius: .25rem;
white-space: normal;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.entry-meta_items_term a:hover {
color: #fff;
text-decoration: none;
}


.cat-item{
	margin-bottom: 0;
	list-style:none;
	font-size: 14px;
}
.cat-item:nth-last-of-type(1){
	margin-bottom:25px;
}
.cat-item a{
display: block;
padding: 10px .5em 8px;
border-bottom: 1px solid rgba(0,0,0,.05);
}

.swiper-container{
	background:#f7f7f7;
	}
.c-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 15px;
}
.swiper-slide{
	height:auto;
	width:100%;
	text-align:center;
        display: flex;
        align-items: center;
        justify-content: center;
}
.swiper-slide div{
	width:100%;

}
	.swiper-slide div p{
	background:rgba(48,148,255,0.8);
		color:#fff;
		position:absolute;
		width:100%;
		bottom:0;
		margin: 0;
		padding:5px 10px;
		box-sizing:border-box;
	}