/* Enter Your Custom CSS Here */
/* Enter Your Custom CSS Here */

#popular_post_content,
#recent_post_content{
  display:none;
}

/*
.form-width  { max-width: 90%;}
*/

a {
    color: #0066cc;
    text-decoration: under-line;
}

#gnav {
    background: none repeat scroll 0 0 #FFF;
}

#gnav ul li.current-menu-item a {
    background: none repeat scroll 0 0 #06c;
    color: #fff;
}

#header {
    background: none repeat scroll 0 0 #FFF;
}

#header a {
    color: #222;
}

#gnav ul li a {
    background: none repeat scroll 0 0 #FFF;
  	text-decoration:none;
    color: #222;
  font-size:19px;
  font-weight:bold;
}

#gnav ul li a:hover {
    color: #fff;
  text-decoration:none;
}

#gnav ul li:hover a {
  background: #222;
}

body.home #main_visual {
    background:transparent;
    color: #fff;
    text-align: center;
}

body.home #main_visual {
background: transparent;
background-image:url("/common/img/cover_bg_mini.jpg");
background-size: cover;
}

body.home #main_visual h2 {
	margin-top:-30px;  
    font-family: helvetica;
    font-size: 86px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
    text-shadow: 4px 4px 10px #444;
}


body.home #front-service{
  padding-bottom: 41px;
  background-image:none;
}

body.home #front-service .front-service-inner .c_box{
  padding-top: 71px;
  width: 23%;
  position:relative;
  display:none;
}

#about_circle{
  padding:50px 0 0;
  text-align:center;
}

body.home #front-service .front-service-inner .icon_box {
text-align:center;
  position:absolute;
  top:45px;
  width:100%;
}

body.home .front-main-cont .front-cont-header {
  	/*background: #221714 none repeat scroll 0 0;*/
}



body.home .front-main-cont .front-cont-header .cont-title{
	font-size:40px;
  	font-weight:bold;
}

body.home .front-main-cont .tri-border span {
    /*border-top: 18px solid #221714;*/
}

body.home #front-service .front-service-inner h3,
body.home #front-contents h3 {
    color: #06c;
  	font-size:40px;
  	font-weight:bold;
  margin-bottom:0;
}

body.home #front-service .front-service-inner h3{
  /*font-size:50px;*/
  margin-top:0;

}

body.home #front-service .front-service-inner h4{
  font-size:23px;
}

.active_ttl{font-size:30px; font-weight:bold; color:#000;}

.active_sttl{font-size:20px; font-weight:bold; color:#000;}

body.home #front-servoce .c_text p,
body.home #front-contents .c_text p{
margin-bottom: 24px;
}

body.home #front-contents .c_text p strong{
font-size:17px;
}

body.home #front-contents .c_box{height:450px;overflow:hidden;}

body.home #front-service .front-service-inner .c_title{padding-top:185px;}

body.home #front-contents .c_number {
  background: none repeat scroll 0 0 #222;
  font-size:30px;
  font-weight:bold;
  margin-bottom: 15px;
}

body.home #front-service .front-service-inner .c_english,
body.home #front-contents .c_english {
	color: #06c;
   margin-bottom: 12px;
  font-size:23px;
  font-weight:bold;
}


body.home #front-service .c_text .c_btn,
body.home #front-contents .c_text .c_btn{
  display:none;
}

body.home #front-service .c_text .c_btn a,
body.home #front-contents .c_text .c_btn a {
    background: none repeat scroll 0 0 #222;
}

body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid #222;
}

body.home #front-contact {
    background: none repeat scroll 0 0 #FFF;
}

body.home .front-main-cont .front-cont-header{
padding: 8px 0 24px;
}

body.home #front-service h4,
body.home #front-contents h4 {
    font-size: 33px;
  	line-height:1.5;
    font-weight: normal;
    margin-bottom: 6px;
    margin-top: 0;
}


#footer-cont-content h4{
  display:none;
}

.footer-01 {
  background: none repeat scroll 0 0 #222;
}

.footer-02 {
    background: none repeat scroll 0 0 #000;
}

#footer-brand-area {
    border-bottom: 1px solid #fff;
}

.coarchWrp{
  margin:0 0 0 0;
  padding: 0 0 0 0;
}

.coarchWrp dl{
  margin-bottom: 40px;
}

.coarchWrp dt{
  float: left;
 width: 140px;
}

.coarchWrp dd{
 float: left;
 width: 360px;
}

#entry01{
  border-bottom:#000 solid 1px;
  padding-bottom:30px;
  margin-bottom:30px;
}

#entry01 h2,
#entry02 h2{
  font-size:24px;
  color:#06c;
  margin-bottom:20px;
}

div.wpcf7{
  margin-bottom:50px;
  overflow:hidden;
  max-width:100%;

}
.wpcf7-form h2{
  font-size:24px;
  color:#06c;
  margin-bottom:20px;
}

.wpcf7-form table{
  margin-bottom:30px;
}

body.home #front-contact .c_box_inner input[type="submit"], body.home #front-contact .c_box_inner button {
    background: #333 none repeat scroll 0 0;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    width: 30%;
}


.wanted_box{
  padding-top:60px;
}

.wanted_box .c_title{
  margin-bottom:20px;
}

.wanted_box dt{font-weight:bold;}

.wanted_box dd{padding:0;margin:0 0 15px 0;}


/* iPadポートレート時 */
@media screen and (max-width: 991px) {
  /* tablet */
  
  body.home #front-service .front-service-inner .c_box{
  display:block;
	}
  
  #about_circle {
    padding: 0 0 0 0;
    display:none;
  }

  
    body.home #front-service h4 br,
	body.home #front-contents h4 br{
    	display:none;
  	}
  
  
  .sns-menu {
    display:none;
  }
  
  #header-nav-btn a{
    color:#FFF;
  }

  body.home #main_visual h2 {
	margin-top:20px;  
    font-family: helvetica;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
    text-shadow: 4px 4px 10px #444;
	}
  
  body.home .front-main-cont .front-cont-header .cont-title{
	font-size:37px;
  	font-weight:bold;
	}
  
	body.home #front-service .front-service-inner h3,
	body.home #front-contents h3 {
    	color: #06c;
  		font-size:37px;
    	font-weight:bold;
    	margin-bottom:0;
  	}
	
  	body.home #front-service .front-service-inner .c_box{
    /*padding-top: 71px;*/
    width: 100%;
  	}
    /* front page */
  }

/* Mobile */
@media only screen and (max-width: 767px) {
  body.home #main_visual h2 {
    font-size: 28px;
    margin-top:30px;
	}
 #header #logo{
  text-align:center;
  }
}

/* Mobile ランドスケープ時 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body.home #main_visual h2 {
    font-size: 34px;
	}
  
  
  
}


  .coarchWrp dt{
 	 float: left;
	 width: 30%;
    overflow:hidden;
	}

	.coarchWrp dd{
	float: left;
	width: 65%;
    font-size:0.9rem;
    overflow:hidden;
    margin-left:5% !important;
	}
  
	.coarchWrp dd h4{
    text-align:left !important;
  }
  
  body.home #front-contact .c_box_inner {
  padding: 40px 0;
  }

body.home #front-service .front-service-inner .c_box{
  padding-top: 45px;
}
  
  body.home #front-contents .c_box{height:auto;overflow:visible;}
    
  /*body.home #front-contents .c_box{min-height:auto;max-height:auto;overflow:visible;}*/
  
  body.home #front-contents h4 {
    font-size: 20px;
  	line-height:1.5;
    font-weight: normal;
    margin-bottom: 6px;
    margin-top: 0;
  }
  
  
}


.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

.cal iframe {
    margin-bottom: 20px;
}

.kiyaku-box {
    background-color: #fff;
    color: #222;
  border:#ccc solid 1px;
    font-size: 0.9rem;
    height: 170px;
    margin: 0 auto 30px;
    overflow: auto;
    padding: 20px;
    text-align: left;
    width: 90%;
}

.kiyaku-box h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0;
  border-bottom:none;
}

.kiyaku-box ul{
	margin-left:1em;
  	margin-bottom:1em;
	padding-left:0;
	list-style-position:outside;
  list-style:disc;
}

.kiyaku-box ul li{
  margin-bottom:10px;
}

.kiyaku-box ul ul li,
.kiyaku-box ul ol li{
  margin-bottom:0;
}


.kiyaku-box ul p{
  margin-bottom:0 !important;
}

.kiyaku-box ol{
  margin:1em 0 0 2em;
  padding:0 0 0 0 ;
  list-style-position:outside;
  list-style:decimal;
}

.page tbody,
.page form input[type="text"], 
.page form textarea{ width: 100%; !important}

.page form table tr{
  /*background-color:#FF0000;*/
  width:54%;
}
  
.sns-menu {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 1000;
}
.sns-menu li {
    display: inline-block;
    padding: 0 0 0 4px;
}