@charset "UTF-8";
/* CSS Document */
/*768px*/

/**/

html{
	font-size: 87.5%;/*14px*/
}

body{
	
}

/* ---- layout ---- */
.flex{
	display: flex;
	justify-content: space-between;
}
.flex li{
	flex: 0 1 32%;
	margin-bottom: 0;
}

/* ---- header ---- */
.desc-text{
	max-width: 1024px;
    margin: 0 auto;
	text-indent: 0;
}
.head-inner{
	max-width: 1024px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.l-head{

}
.l-nav{
	flex: 0 1 70%;	
}


/* ---- global navi ---- */
#nav-toggle{
	display: none;
}
nav{
	overflow: hidden;
	position:static;
	z-index: 999;
	width: 100%;
	height: auto;
	max-height:none;
	transition:none;
	opacity: 1;
	background:transparent;
}

nav ul{
	width: 100%;
	margin:0 auto;
	text-align: center;
}

nav ul li{
	width:16.6%;
	float:left;
	border-bottom:none;
	
}
nav ul li:first-child{
	
}

nav ul li span{
	display:block;
}

nav ul li a{
	display:block;
	width:100%;
	color: #fff;
	padding:1.5rem 0;
	position: relative;
  	display: inline-block;
  	text-decoration: none;
}
nav ul li a::after {
   	position: absolute;
  	bottom: 1rem;
  	left: 0;
	right: 0;
	margin:auto;
  	content: '';
  	width: 80%;
  	height: 2px;
  	background: #fff;
  	transform: scale(0, 1);
  	transform-origin: right top;
  	transition: transform .3s;
}

nav ul li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


nav ul li a:hover{
	color:#fff;
}

nav ul li ul.sub-menu{
	display: none;
	position:absolute;
	padding: 0;
	margin:0;
	
}
nav ul li:hover ul.sub-menu{
	display: block;
}
nav ul li:hover ul.sub-menu li{
	background:#fff;
}
nav ul.sub-menu li{
	clear:both;
	position: relative;
    width: 25%;
    z-index: 999;
	border-bottom: dashed 1px #e5e5e5;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
nav ul.sub-menu li:last-child{
	border-bottom:none;
	
}
nav ul.sub-menu li a{
	color:#a00e15;
}


.mainVisual{
	margin:0 auto;
}


/* ---- contents ---- */
.contents{
	width:100%;
	margin:0 auto;
}
/*
.fadeInner h4{
	padding-top:0.1rem;
	padding-right: 5%;
}
*/
.fadeInner .fadePosi{
	padding: 4rem 5% 5rem 5%;
	margin:-5px 0 -5px;
}
.fadeInner h4{
	
}
.postB {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

/*
.fadeImg1{
	background-image: url(images/fade01L.jpg);
	
}
.fadeImg2{
	background-image: url(images/fade02L.jpg);
	
}
.fadeImg3{
	background-image: url(images/fade03L.jpg);
	
}
*/
.topicsWrap{
	width:90%;
}

.topicsWrap .l-flex{
	display: flex;
	justify-content: space-between;
}
.topicsWrap .l-flex li{
	flex: 0 1 32%;
	margin-bottom: 0;
}

.topicsWrap .l-flex li:last-child{
	
}

.topicsWrap .l-flex li .box h4{
	
}

.topicsWrap .l-flex li .box h4 span{
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
	padding:1rem;
}
/*
.workWrap{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	background:rgba(20,20,20,0.4);
}
.workMain{
	float: left;
	width:62%;
	margin:0 0 0 0;
	padding:2rem 0 2rem 0;
	
}
.workMain p.workVisual{
	width:75%;
	margin:0 auto 2rem;
	background:#fff;
	padding:0.5rem;
}
.workMain p{
	text-align: center;
	color: #fff;
}
.workMain p.workBtn{
	width:35%;
	margin:0 auto;
	background: #fff;
}
/*.workMain .workBtn a{
	display: block;
	padding:1.5rem 0;
	color: #262020;
}

.workSub{
	float:right;
	width:30%;
	padding:2rem 4% 2rem 4%;
	background:rgba(255,255,255,0.9);
}
ul.workList{
	
}
ul.workList li{
	margin:0 0 2.5rem 0;
}
ul.workList li:last-child{
	margin:0 0 0 0;
}
.subVisual{
	width:100%;
	margin:0 0 1rem 0;
}
ul.workList li a{
	color: #262020;
}

*/

.infoWrap{
	width:90%;
}

.infoWrap ul{
	width:98%;
	margin: 0 auto;
}

/* ----------------------------
// page
// --------------------------*/
.page-contents{

}

.page-visual{
	width:90%;
	margin:0 auto;
}

.greeting{
	flex: 0 1 55%;
	margin:0;
}

.ceo{
	flex: 0 1 40%;
}


/*　事業案内　*/




.postWrap{
	width:90%;
	
}
.postWrap ul{
	display: flex;
	justify-content:space-between;
}
.postWrap ul li{
	flex:0 1 22.75%;
	margin:0;
}





/* ---- single.php ---- */
.navigation a{
	padding: 0.5rem 1.5rem;
}
.prev-mk{
	top:17px;
}

.prev-mk::before{
	left:0.25rem;
}

.prev-mk::after{
	left:0.65rem;
}

.next-mk{
	top:17px;
}

.next-mk::before{
	left:-0.15rem;
}

.next-mk::after{
	left:0.1rem;
}


/* ---- category.php ---- */
.cat-pagination{
	
}
.cat-pagination ul{
	
}
.cat-pagination ul li{
	
}
.cat-pagination ul li:last-child{
	
}
.cat-pagination ul li a{
	padding: 0.5rem 0;
	
}
.cat-pagination ul li a:hover{
	
}
.cat-pagination ul li span.dots, .cat-pagination ul li span.current{
	padding: 0.5rem 0;
}
.cat-pagination ul li span.current{
	
}


.archive-box{
	display: flex;
	justify-content: space-between;
}
.archive-box h3{
	font-size: 1.25rem;
	text-align: left;
}
.l-visual-box{
	flex:0 1 32%;
	margin-right: 2%;
	margin-bottom: 0;
}

/* ---- single.php ---- */
.single-wrap{
	
}
.blog-inner{

}
.blog-inner h3{
	
}
.date{
	
}
.s-Text{
	
}
.l-thumb{
	
}



/* work カスタム投稿 */
.cfInner{
	overflow: hidden;
}
.cfVisual{
	width:90%;
	margin:0 auto;
	
}


ul.archiveWorkList{
	display: flex;
	flex-wrap: wrap;
}
.archiveWorkList li{
	flex:0 1 47.5%;
	margin-right: 5%;
	margin-bottom:2rem;
}
.archiveWorkList li:nth-child(2n){
	margin-right: 0;
}



/*お問合せ*/
input, button, textarea, select {
  
}

.contactTableBox{
	width: 100%;
	max-width: 800px;
}

.contactTableBox table{
	width:100%;
	margin-bottom: 2rem;
	table-layout: fixed;
	border-collapse: collapse;
}

.contactTableBox tbody th{
	vertical-align: middle;
	width:14%;
	
}
.contactTableBox tbody th:nth-child(1){
	padding-right: 1%;
	vertical-align: baseline;
	text-align: right;
}
.contactTableBox tbody tr:nth-child(1) th:nth-child(2){
	width:85%;
}
.contactTableBox tbody td{width:65%;}

.contactTableBox td, .contactTableBox th{
	display: table-cell;
	font-size: 1rem;
	padding: 10px 0;
}

/*　チェックボックス　*/
.contactTableBox tr:nth-child(7) th{
	display: table-cell;
	
}
.contactTableBox tr:nth-child(7) .mwform-checkbox-field{
	margin-bottom: 0;
	margin-right: 1rem;
}

.contactTableBox tr:nth-child(2) .horizontal-item{
	float:left;
	width:33.3333333%;
	margin-bottom: 0rem;
}
.mw_wp_form .horizontal-item + .horizontal-item {}
/* */
select{
	background-color: #fff;
    margin-top: 0;
	padding: 0.25rem 0;
}
/**/
.postalWrap{
	overflow: hidden;
}
.posArea{
	float:left;
	width:45%;
	padding:1rem 0;
}
.posArea ul{
	width:95%;
	margin:0 auto;
}
.posArea ul li{
	margin:0 0 2rem 0;
}
.posArea ul li:last-child{
	margin-bottom: 0;
}
.mapArea{
	width:50%;
	float: right;	
}

/*-- footer -- */
.l-ft-wrap{
	width:90%;
	display: flex;
}
.ft-left{
	flex:0 1 49%;
	margin-right: 2%;
	margin-bottom: 0;
}
.ft-right{
	flex:0 1 49%;
}

.l-ft-nav{
	width:90%;
	padding:0;
}
.l-ft-nav ul{
	display: flex;
	justify-content: space-between;
}
.l-ft-nav ul li{
	margin-bottom: 0;
}
.l-ft-nav ul li a{
	color:#fff;
}

.infoWrap .date {
    width: 16%;
}

.pc-color-none{
	color: #000;
}
.pc-color-none:hover{
	opacity:1;
}

.l-ft-nav ul li a:hover::after{
	transform-origin: left top;
  	transform: scale(1, 1);
}

.txt-effect {
  animation: txtEffect 2s both;
}
@keyframes txtEffect {
  100% {
    opacity: 1;
    font-size: 1.5rem;
  }
}