@charset "utf-8";

.jumbotron {
    display: none;
}

.breadcrumbs {
    position: absolute;
    top: -2rem;
    left: 0;
    transform: translateY(-100%);
    width: 100%;
    color: #fff;
}

.breadcrumbs a{
    display: inline!important;
    color: #fff;
    text-decoration: none;
}

.breadcrumbs a:hover{
    color: #f1c92a;
}


html {scroll-behavior: smooth;
font-size: 62.5%;}

#fp-original-content{
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: "pkna";
  overflow: hidden;
  width: 100%;
   background: linear-gradient(#30CFD0,#004CFF, #160D9A);
	font-weight: 500;
	font-size: 1.7rem;
	color: #000;
}

#fp-original-content .span-br{
  display: inline-block;
}

#fp-original-content .pc-none{
  display: none;
}

#fp-original-content .sp-none{
  display: block;
}


/*******common*******/
#fp-original-content .wrapper-type01,
#fp-original-content .wrapper-type02,
#fp-original-content .wrapper-type03{
  width: calc(100% - 6rem);
  margin:0 auto;
}

#fp-original-content .wrapper-type01{max-width: 1280px}
#fp-original-content .wrapper-type02{max-width: 1024px}


#fp-original-content .cw{
	padding: 10rem 0;
	counter-reset: number 0;
}

/***********************box-type**********************/
#fp-original-content .box-type02{
	background: rgba(255,255,255,1);
	border-radius: 10px;
	padding: 10rem 0;
	box-shadow:0px 6px 20px rgba(0,0,0,0.2);
	position:relative;
	box-sizing: border-box;
}

/***********************blog-wrapper*************************/
#fp-original-content .blog-wrapper{
	padding: 26rem 0 10rem;
}

#fp-original-content .blog-wrapper .has-sidebar .content-area{
    width:70%;
    max-width:70rem;
}

#fp-original-content .blog-wrapper .sidebar-area{
    width:30%;
    max-width:22.6rem;
}

#fp-original-content .cw__text{
    display:flex;
    justify-content: space-between;
    align-items: self-start;
}

#fp-original-content h1.entry-title{
	font-size:4rem;
}

#fp-original-content .entry-meta{
	font-weight:bold;
	margin: 1rem 0;
}

#fp-original-content .cat-links{
	height:auto;
	display: inline-block;
}

#fp-original-content .cat-links a{
    background:#F39C04;
    color:#fff;
    font-weight:bold;
    padding:0.5rem 1rem;
    display: inline-block;
    border-radius: 5px;
    margin-right: 1rem;
}

#fp-original-content .cat-links a:hover{
    opacity:0.8;
}


#fp-original-content a.btn-type02{
	background:#F39C04;
	color:#fff;
	box-sizing: border-box;
	max-width: 38rem;
	text-align:center;
	border-radius:30rem;
	margin: 0 auto;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	z-index: 2;
	position: relative;
	display: block;
	text-decoration: none;
}

#fp-original-content a.btn-type02 p{
	color:#fff;
	padding: 1.5rem 3rem 1.5rem 1.5rem;
	position:relative;
	display: inline-block;
	margin: 0;
	font-weight: bold;
}


#fp-original-content a.btn-type02::before,
#fp-original-content a.btn-type02::after{
  position: absolute;
  right: 3rem;
  top: 50%;
  content: "";
  transition:.4s;
}

#fp-original-content a.btn-type02:hover::before,
#fp-original-content a.btn-type02:hover::after{
  right: 2.5rem;
}

#fp-original-content a.btn-type02:hover::before{
  width: 3rem;
}

#fp-original-content a.btn-type02::before{
  width: 2.6rem;
  height: 0rem;
  border-bottom: 0.5rem solid #fff;
  transform: translate(16%,-50%);
}
#fp-original-content a.btn-type02::after{
  width: 1rem;
  height: 1rem;
  border-right: 0.5rem solid #fff;
  border-top: 0.5rem solid #fff;
  transform: rotate(45deg) translateY(-70%);
}

#fp-original-content a.btn-type02:hover{
	background:#e9bc07;
}


/**********************************-1024px*********************************************/
@media screen and (max-width: 1024px){

  html {font-size: 55%;}

	/*******common*******/
	#fp-original-content .blog-wrapper{
		padding: 25% 0 10%;
	}

	/***********************box-type**********************/
	#fp-original-content .box-type02{
		padding: 4rem 0;
	}
}

/***************************768px*******************************/

@media screen and (max-width: 768px) {
  html {font-size: 50%;}

     /***********************blog-wrapper*************************/
	#fp-original-content .cw__text{
        flex-direction:column;
	}

	 .has-sidebar .content-area {
		width: 100%;
	}

	#fp-original-content .blog-wrapper .sidebar-area{
		width:100%;
		max-width:100%;
		margin-top: 5rem;
		border-top: 2px solid #c1c1c1;
		padding-top: 5rem;
	}

}

/***************************560px*******************************/

@media screen and (max-width: 560px) {

  #fp-original-content .pc-none{
    display: block;
  }

  #fp-original-content .sp-none{
    display: none;
  }

	/*******common*******/
	#fp-original-content .blog-wrapper{
		padding: 20rem 0 5rem;
	}
	#fp-original-content .wrapper-type01{
	  width: calc(100% - 4rem);
	}

	aside#businesspress_recent_posts-2,
	aside#categories-3,
	aside#search-3{
		margin-bottom: 3rem!important;
	}

	.featured-widget-entry {
		height: 100px!important;
	}

}
