body {
	-webkit-font-smoothing: antialiased;
}
h2 {
    font-size: 140%;
}
h3 {
    font-size: 160%;
}
h1, h2, h3, h4, h5, h6 {
    color: #676767;
    font-weight: 100;
    margin: 30px 0 30px;        
    text-align: center;
    font-family: unset;
    line-height: 1.5;
}
@media (max-width: 767px) {
    h2 {font-size: 120%; margin: 1em 0;}
    h3 {font-size: 100%;}
    h4 {font-size: 90%;}
}

/* UL OL Setting in the Content */
.entry-content ol, 
.entry-content ul {
    padding-left: 1em;
    margin: 1em;
}
.entry-content li {
    margin-bottom: 0;
}
.entry-content ol ul {
    margin: 1em;
}
.entry-content ol ul li {
    margin: 0;
}
.entry-content ol ol {
    margin: 2em 0;
}
.entry-content ol ol li {
    margin: 0;
}
@media (max-width: 425px) {
    .entry-content ol, .entry-content ul {margin: 1em 0;}
    .entry-content ol ul {margin: 1em 0;}
}

iframe {
    width: 100%;
}
.HalfBox, .Half {
    width: 50%;
    float: left;
    margin: 2em 0;
}
@media (max-width: 425px) {
    .HalfBox {width: 100%; display: block;}
    .HalfBox img {margin: 0;}
    .HalfBox, .Half {margin: 1em 0;}
}
.clear {
    clear: both;
}
input {
    width: 100%;
}
@media (max-width:425px) {
    .wpcf7 {padding: 0 1em !important;}
}
label {
    font-weight: 100;
    width: 100%;
}
.wpcf7 {
    padding: 0 2em !important;
}

.entry-content img {
    margin-bottom: 1em;
}
.content-area .hentry {
    padding-top: 0;
    padding-bottom: 0;
}
.entry-footer {
    display: none;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
.container, .container-fluid {
    padding-left: 0;
    padding-right: 0;
}


/* Table Setting */
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #f3f3f3;
}
table thead th,
table tbody th,
table tbody td {
    border-bottom: 1px solid #f3f3f3;
}
table thead th + th,
table tbody td {
    border-left: 1px solid #f3f3f3;
}
table tbody tr:last-child th,
table tbody tr:last-child td {
    border-bottom: none;
}
th {
    width: 25%;
  /* text-align: right;*/
}
td {
    text-align: left;
}
th, td {
    border: none;
    font-weight: 100;
    padding: 13px;
}
table ul {
    padding-left: 0;
}
table li {
    list-style-type: none;
}
table tr:nth-child(2n+1) {
    background-color: #f1f1f1;
}
table tr:nth-child(2n+2) {
    background-color: #FFF;
}
@media (max-width: 568px) {
    table {width: 100%; font-size: 90%;}
    th, td {padding: 10px;}
    input {width: 100%;}
    .wpcf7 {width: 100%;}
}
@media (min-width: 568px) {
    .HalfBox table {margin-left: 6%; width: 94%;}
}


.hentry .title-post {
    font-weight: 100;
    font-size: 180%;
}
.site-title {
    font-size: 23px;
}
.site-description {
    font-size: 12px;
    font-weight: 100;
}
@media (max-width: 767px) {
    .hentry .title-post {font-size: 150%;}
}

/* Page Header */
.header-wrap .col-md-4 a:hover {
    opacity: 0.5;
}
.header-wrap .col-md-4 a:after {
    content: "宣伝販売請負事業・人材派遣事業";
    position: relative;
    font-size: 100%;
    color: #FFF;
    left: 14%;
}
@media (max-width: 425px) {
    .site-header .header-wrap .col-md-4 a:after {font-size: 80%; left: 3%; top: -6px;}
}
.site-header.float-header .header-wrap .col-md-4 a:after {
    display: none;
}
.page-wrap {
    padding: 2em 1em;
}
.single .entry-header, 
.page .entry-header {
    margin-bottom: 0;
}

/* Slider */
.maintitle,
.subtitle {
    padding: 0 5%;
}
@media (max-width: 479px) {
    .text-slider .subtitle {padding: 1em; font-weight: bold;}
    .text-slider .maintitle {font-size: 150% !important;}
    .slides-container .slide-item:nth-child(2n+0) {background-position: left !important;}
    .slides-container .slide-item:nth-child(2n+1) {background-position: right !important;}
}
.text-slider .maintitle {
    font-size: 300%;
}
.text-slider .maintitle, 
.text-slider .subtitle {
    line-height: 1.3;
}
/* Main Nav */
#mainnav .current-menu-item a {
    color: #000;
}
#mainnav-mobi .current-menu-item {
    background-color: #005b24;
}

/* Responsive Menu */
.btn-menu {
    font-size: 1.8em;
}
.btn-menu:before {
    content: "\f142";
}
@media (max-width: 767px) {
    .site-header {padding: 9px 0 2px 0;}
    .btn-menu {float: right; margin: 0; line-height: 1.3;}
    .site-header .col-md-8 {position: absolute; right: 0;}
}
@media (max-width: 567px) {
    .site-header .col-md-4 {width: 80%; padding-left: 9px;}
    #mainnav-mobi {margin-top: 3.5em;}
}
@media (min-width: 568px) and (max-width: 767px) {
    .site-header .col-md-4 {width: 50%; line-height: 0.5;}
    .header-wrap .col-md-4 a:after { font-size: 80%; top: -19px; left: 90%;}
    .col-sm-4 {width: 33.33333333%;}
    #mainnav-mobi ul > li > a {font-size: 90%; padding: 10px 40px;}
    #mainnav-mobi {margin-top: 2.5em;}
    .backimg {padding: 2em !important; font-size: 100% !important;}
    .backimg h1 {font-size: 300% !important; margin: 0.5em 0;}
    .page .page-wrap .content-wrapper, 
    .single .page-wrap .content-wrapper {padding: 0;}
    .page-wrap {padding: 0;}
    .menu-footernavigation-container ul li {margin: 0 9px !important;}
    .copyright, .pts {width: unset !important;}
    .site-footer {line-height: 18px; padding: 9px 0; text-align: center;}
    .hentry .title-post {margin-top: 1em; padding: 0;}
    .page-id-31 .entry-content, 
    .page-id-19 .entry-content,
    .page-id-13 .entry-content,
    .home .entry-content {padding: 0 1em;}
    .text-slider .maintitle {font-size: 200%;}
}
@media (max-width: 1024px) {
    .site-header.fixed {position: unset !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .col-sm-8, .col-sm-4 {width: 50%;}
}

/* Footer Widget Area */
.footer-widgets {
    font-size: 80%;
    padding: 2em 0;
}
.widget-area .widget {
    margin-bottom: 0;
}
.menu-footernavigation-container ul li {
    display: inline-block;
    margin: 0 1em;
}
.menu-footernavigation-container ul {
    margin: 0;
}
#menu-footernavigation .current-menu-item {
    border: solid 1px rgba(255, 255, 255, 0.3);
    padding: 3px 8px;
    border-radius: 7px;
}
@media (min-width: 425px) and (max-width: 568px) {
    #menu-footernavigation .current-menu-item {padding: 3px 4px;}
}
.col-md-12 {
    text-align: center;
}
#sidebar-footer .menu-footernavigation-container ul li a:hover {
    color: #000;
}

/* Footer Credit Adjust */
.pts a:hover {
    color: #fff;
}
.pts a {
    color: #2adc8f;
}
.pts {
    text-align: right;
    color: #00a05b;
    font-size: 70%;
}
.copyright {
    font-size: 80%;
}
.copyright, .pts {
    display: inline-block;
    width: 49%;
    font-weight: 100;
}
.pts:before {
    content: "\f0ad";
    font-family: "FontAwesome";
    color: #FFF;
    margin-right: 5px;
    font-size: 120%;
    vertical-align: unset;
}

@media (max-width: 425px) {
    .copyright, .pts {width: 100%; text-align: center; font-size: 70%;}
    .site-footer {line-height: inherit;}
}

/* HOME */
.home .hentry .entry-title {
    display: none;
}
.home .Half img {
    width: 30%;
}
.home .alignright {
    margin-right: 5%;
}
.home .alignleft {
    margin-left: 5%;
}
.home .Half a img:hover {
    opacity: 0.7;
}

@media (max-width: 425px) {
    .home .page .entry-header {margin-bottom: 0;}
    .home h2 {font-size: 1.3em;}
    .home .phone {font-size: 160%;}
    .home .HalfBox img {margin-bottom: 0;}
}
.address h5 {
    margin-bottom: 0.5em;
}
.address {
    text-align: center;
}
.phone {
    font-size: 200%;
    letter-spacing: 1px;
}
.adr:before {
    content: "\f041";
    font-family: "FontAwesome";
    margin-right: 0.5em;
}
@media (max-width: 425px) {
    .address h2 {font-size: 1.3em;}
    .phone {box-shadow: none; padding: 0; margin: 0; font-size: 160%; letter-spacing: 1px;}
}
@media (max-width: 568px) {
    .address .adr {font-size: 85%;}
}
.page-id-19 .address {
    margin: 4em 0;
}


/* Text on the Background image */
.backimg {
    color: #FFF;
    padding: 5em;
    font-size: 120%;
    background-color: rgba(0, 0, 0, 0.37);
}
.backimg h1 {
    color: rgba(255, 255, 255, 0.55);
    font-family: cursive;
    font-size: 370%;
    line-height: 0.8;
    text-align: left;
}
.backimg h2 {
    color: #FFF;
}
.backimg table {
    color: #2b2b2b;
}
.page-id-785 .page-wrap {
    background-image: url(http://mighty-proper.biz/wordpress/wp-content/uploads/2017/08/saiji-05.jpg);
    background-size: cover;
}
.page-id-16 .page-wrap {
    background-image: url(http://mighty-proper.biz/wordpress/wp-content/uploads/2018/03/saiji-05-3.jpg);
    background-size: cover;
}

@media (max-width: 640px) {  
.page-id-16 .page-wrap {
    background-image: url(http://mighty-proper.biz/wordpress/wp-content/uploads/2018/03/saiji-05_sp3.jpg);
    background-size: cover;
}
}


.page-id-785 .page-wrap .content-wrapper,
.page-id-16 .page-wrap .content-wrapper {
    background-color: transparent;
}
.page-id-785 .entry-title,
.page-id-16 .entry-title {
    display: none;
}
.page-id-16 .hentry .title-post {
    padding-bottom: 0;
}
@media (max-width: 425px) {
    .backimg {padding: 2em; font-size: 100%; background-color: rgba(0, 0, 0, 0.48); display: inline-block;}
    .page-id-48 .backimg {padding: 1em;}
    .backimg h1 {font-size: 300%;}
    .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {padding: 0;}
    .page-id-785 .page-wrap, .page-id-16 .page-wrap {padding: 0;}
}

/* Privacy */
.entry-content h1 {
    margin-top: 0;
    margin-bottom: 1em;
    line-height: 1;
}

/* Blog */
.entry-thumb img {
    width: 100%;
    max-width: 750px;
}
.single .content-area .post-wrap, 
.single .contact-form-wrap {
    padding: 0;
}
.single .page-wrap .content-wrapper {
    padding: 0;
    width: 100%;
}
.single .page-wrap {
    padding: 0;
}
.fullwidth {
    padding: 0;
}
.single .has-post-thumbnail .entry-thumb {
    position: relative;
    padding-top: 45px;
}
.single .has-post-thumbnail .title-post {
    /* position: absolute; */
    /* background-color: rgba(0, 0, 0, 0.54); */
    color: #0c0c0c;
    /* padding: 3em; */
    /* top: 0em; */
    width: 100%;
    margin: 0;
}
.single .title-post {
    margin: 3em 0;
}
.single .meta-post {
    padding: 0 4em;
    text-align: center;
}
.single .navigation {
    padding: 2em 3em;
    /* background-color: #103124; */
    margin: 0;
}
.single .entry-content {
    padding: 1em 2.5em 2em;
}
.single h2 {
    font-size: 200%;
}
.single h3 {
    font-size: 180%;
    border-bottom: 2px solid #9decca;
    margin-bottom: 20px !important;
}
@media (max-width:425px) {
    .blog .page-wrap {padding: 0;}
    .blog .posts-layout {width: 100% !important;}
    .single .navigation {padding: 2em 1em;}
    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {width: 100%; font-size: 90%;}
    .nav-previous {margin-bottom: 1em;}
    .single .has-post-thumbnail .title-post {position: unset; padding: 1em; margin: 0 0 1em; font-size: 120%;}
    .content-area .entry-thumb {margin-bottom: 0;}
    .single .meta-post {padding: 0;}
    .single .entry-content {padding: 1em;}
    .single h1 {font-size: 220%;}
    .single .title-post {margin: 2em 0 0.5em;}
    .wpcf7 {padding: 0 1em !important;}
    .blog .entry-header {margin: 1em 0;}
}


/* Page Nav */
.single .navigation a:hover {
    color: #000;
}
.fa-long-arrow-left:before {
    content: "\f0d9";
    color: #19c97d;
    font-size: 200%;
    vertical-align: sub;
    padding-right: 0.5em;
}
.fa-long-arrow-right:before {
    content: "\f0da";
    color: #19c97d;
    font-size: 200%;
    vertical-align: sub;
    padding-left: 0.5em;
}

/* 404 Page */
.search-form label {
    width: 50%;
    margin: 0;
    vertical-align: middle;
}
input.search-submit {

    width: 10%;
}
.error-404 {
    margin-bottom: 9em;
}
@media (max-width: 425px) {
    .error-404 .page-title {padding: 0; font-size: 200%;}
    input.search-submit {width: 100%; margin-top: 1em;}
    .search-form label {width: 100%;}
    .error-404 {margin-bottom: 2em;}
    
}

/*-------------------------------------------------------------------
 20180301～ 追記
----------------------------------------------------------------------*/
h1{ letter-spacing: -1.3px !important;}

#secondary { padding-top:30px !important;}

@media (max-width: 640px) {
#secondary { padding-top:0 !important;}
}


.fb-news .inner {
  overflow: hidden;
  align-items: center;
  background: #00c46f;
  color: #fff;
  height: 40px;
  font-size:20px;
  letter-spacing:1px;  
  line-height: 40px;
  display: flex;
  width:340px;
  padding-top: 3px;
  margin-bottom:15px;
}
.fb-news .inner:before,
.fb-news .inner:after {
  content: "";
  flex: 1;
  background: #fff;
  padding: 2px 0;
  height: 0;
  transform: rotate(45deg);
  }

/* スマホ用のCSS */
@media (max-width: 640px) {
.fb-news .inner {
  width:100%;
  margin-bottom:10px;
  font-size:18px;

}	
}

h1{ letter-spacing: -1.3px !important;}

.fb-news .inner {
  overflow: hidden;
  align-items: center;
  background: #00c46f;
  color: #fff;
  height: 40px;
  font-size:20px;
  letter-spacing:1px;  
  line-height: 40px;
  display: flex;
  width:340px;
  padding-top: 3px;
  margin-bottom:15px;
}

@media all and (-ms-high-contrast: none){
.fb-news .inner {
	font-weight:900;
}	
}
.fb-news .inner:before,
.fb-news .inner:after {
  content: " ";
  flex: 1;
  background: #fff;
  padding: 2px 0;
  height: 0;
  display:block;
  transform: rotate(45deg);
  }

/* スマホ用のCSS */
@media (max-width: 640px) {
.fb-news .inner {
  width:100%;
  margin-bottom:10px;
  font-size:18px;

}	
}


.r-news .inner {
  overflow: hidden;
  align-items: center;
  background: #00c46f;
  color: #fff;
  height: 40px;
  font-size:20px;
  letter-spacing:1px;  
  line-height: 40px;
  display: flex;
  padding-top: 3px;
  margin-bottom:30px;
}

@media all and (-ms-high-contrast: none){
.r-news .inner {
	font-weight:900;
}	
}
.r-news .inner:before,
.r-news .inner:after {
  content: " ";
  flex: 1;
  background: #fff;
  padding: 2px 0;
  height: 0;
  display:block;
  transform: rotate(45deg);
  }

/* スマホ用のCSS */
@media (max-width: 640px) {
.r-news .inner {
  width:100%;
  margin-bottom:15px;
  font-size:18px;

}	
}


.up01{ vertical-align: 1.5px;}

@media all and (-ms-high-contrast: none){
.up01{ vertical-align: 0;}
}

.HalfBox02, .Half02 {
    width: 50%;
    float: left;
    margin: 2em 0;
}
@media (max-width: 640px) {
    .HalfBox02 {width: 100%; display: block;}
    .HalfBox02 img {margin: 0;}
    .HalfBox02, .Half02 {margin: 1em 0;}
}

.HalfBox03, .Half03 {
    width: 50%;
    float: left;
    margin: 2em 0;
	text-align:center;
}
.HalfBox03 img, .Half03 img{ width:90%;}

@media (max-width: 640px) {
    .HalfBox03 {width: 100%; display: block;}
    .HalfBox03 img {margin: 0;}
    .HalfBox03, .Half03 {margin: 1em 0;}
}

.r-all-icon {
  display: inline-block;
  background: #ffffff;
  padding: 2px 10px;
  margin-left: 7px;      
  vertical-align: middle; 
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;     
  border: 1px solid #00c46f;
}

@media (max-width: 640px) {
.r-all-icon {
  font-size: 15px;
}
}

.r-all{ text-align:right; color: #00e589;}

br.clr{
clear:both;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.h-btn{ text-align:center; margin:40px auto 0 auto;}
	.roll-button02 {
		position: relative;
		display: inline-block;
		font-family: "Raleway", sans-serif;
		line-height: 24px;
		font-weight: 600;
		padding: 12px 35px;
		color: #fff;
		text-transform: uppercase;
		/* -webkit-border-radius: 3px; */
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		font-size: 17px;
		letter-spacing: 1px;
		background-color: #00e589;
		border: 1px solid #00e589;
	}
	.roll-button02:hover {
		background-color: transparent;
		color: #00e589;
	}


@media (max-width: 640px) {
.h-btn{ margin:20px auto 0 auto;}
	.roll-button02 {
		font-size: 13px;
		line-height: 20px;
		padding: 10px 15px;
	}

}

