@charset "utf-8";
@import url("page.css");
/* CSS Document */
/*=============================
得意とする支援事業ページのCSS
=============================*/
p.content-num{
	color: #e41a23;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0;
}
#section01,
#section02{
	padding: 3rem 0;
}

/*----------------------
ページのナビ
------------------------*/
nav#support-business_nav ul a{
	text-align: center;
	font-size: 14px;
}

/*----------------------
共通
------------------------*/
#section01 p.section-sub-header,
#section02 p.section-sub-header{
	font-size: calc(3rem + 3.5vw);
	line-height: 1;
}

/*----------------------
ブランディング戦略支援事業
------------------------*/
#section01{
	position: relative;
}
#section01 h2.section-header::after{
	left: calc(50% - 50px);
}
#section01 h2.section-header,
#section01 p.section-sub-header{
	text-align: center;
}
.section01_txt{
	font-size: clamp(16px, 2vw, 32px);
}
.section01-carousel .slick-track{
	display: flex;
}
.section01-carousel .slick-slide{
	margin: 0 1rem;
	height: auto!important;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 2rem;
	background-color: #fff;
	box-shadow: 0 0 5px #555 !important;
	text-align: justify;
}
.section01-carousel_content h4{
	text-align: center;
	font-size: clamp(18px, 2vw, 24px);
	font-weight: 600;
	line-height: 1.5;
}
.section01-carousel_content p.txt:last-child{
	margin-bottom: 0;
}
.wellfixed-sun {
	position: absolute;
	top: 0%;
	right: 5%;
	z-index: -1;
	width: 30%;
}


/*----------------------
コンテンツマーケティング支援事業
------------------------*/
#section02{
	position: relative;
	background-color: #eee;
}

.section02_title h2.section-header,
.section02_title p.section-sub-header{
	text-align: center;
}
.section02_title h2.section-header::after{
	left: calc(50% - 50px);
}
.section02_txt{
	font-size: clamp(16px, 2vw, 18px);
}
.section02-carousel .slick-track{
	display: flex;
}
.section02-carousel .slick-slide{
	margin: 0 1rem;
	height: auto!important;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 2rem;
	background-color: #fff;
	box-shadow: 0 0 5px #555 !important;
	text-align: justify;
}
.section02-carousel_content h4{
	text-align: center;
	font-size: clamp(18px, 2vw, 24px);
	font-weight: 600;
	line-height: 1.5;
}

/*----------------------
Other Section
------------------------*/

/*----------------------
Section03～07
------------------------*/
.otherSection{
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
}
#section04,
#section06{
	background-color: #eee;
}
.Other-sectionContainer_inner {
	padding: max(3rem, 8%) max(1rem, 8%);
}
.Other-sectionContainer h2.section-header{
	text-align: center;
}
.Other-sectionContainer .text-wrap p.section-sub-header{
	font-size: calc(2rem + 3vw);
	line-height: 1;
	text-align: center;
}
.Other-sectionContainer_txt{
	font-size: calc(0.875rem + 0.5vw);
	text-align: justify;
}
.Other-sectionContainer h2.section-header::after{
	left: calc(50% - 50px);
}


/*----------------------
Slick
------------------------*/
.slick-prev:before,
.slick-next:before{
	color: #000!important;
	font-size: 2rem!important;
	border-radius: 5rem;
	width: 2rem;
	height: 2rem;
	line-height: 1;
}
.slick-prev {
	left: 0!important;
	z-index: 2;
}
.slick-next {
	right: 1rem!important;
}


@media(min-width:1400px){
	
}/*end*/
	
@media(min-width:1200px){
	
	
}/*end*/
@media(min-width:992px){
	nav#support-business_nav ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin-bottom: 0;
	}
	nav#support-business_nav ul > a{
		width: calc((100% - 3rem) / 4);
		margin-bottom: 1rem;
		margin-right: 1rem;
	}
	nav#support-business_nav ul > a:nth-child(4){
		margin-right: 0;
	}
	
	#section01 h2.section-header,
	#section01 p.section-sub-header {
		text-align: left;
	}
	#section01 h2.section-header::after{
		left: 0;
	}
	.wellfixed-sun {
		top: 0;
		right: 0;
		width: 30%;
	}
	
	#section02 .container{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.section02_title h2.section-header,
	.section02_title p.section-sub-header{
		text-align: right;
	}
	.section02_title h2.section-header::after{
		right: 0;
		left: inherit;
	}
	.section02_txt {
		width: 50%;
		max-width: 540px;
		padding-top: 3rem;
	}
	
	.Other-sectionContainer{
		height: 100vh;
	}
	.Other-sectionContainer_inner{
		padding: 0;
		display: flex;
	}
	.Other-sectionContainer .text-wrap{
		width: 50%;
		padding: 5%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: rgba(255,255,255,0.9);
		height: 100vh;
	}
	.Other-sectionContainer h2.section-header{
		text-align: left;
	}
	.Other-sectionContainer .text-wrap p.section-sub-header{
		text-align: left;
	}
	.Other-sectionContainer h2.section-header::after{
		left:0;
	}
	#section04,
	#section06{
		background-color: #fff;
	}
	#section04 .Other-sectionContainer_inner,
	#section06 .Other-sectionContainer_inner{
		flex-direction: row-reverse;
	}
	#section03,
	#section05,
	#section07{
		background-position: center right;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#section04,
	#section06{
		background-position: center left;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#section03{
		background-image: url("../images/other-sec992px-sec03.jpg");
	}
	#section04{
		background-image: url("../images/other-sec992px-sec04.jpg");
	}
	#section05{
		background-image: url("../images/other-sec992px-sec05.jpg");
	}
	#section06{
		background-image: url("../images/other-sec992px-sec06.jpg");
	}
	#section07{
		background-image: url("../images/other-sec992px-sec07.jpg");
	}

}/*end*/
@media screen and (min-width:768px) and ( max-width:991.98px) {
	.wellfixed-sun{
		top:12%;
	}
	.Other-sectionContainer_txt {
		/*width: 80%;
		margin: 0 auto;*/
	}
}/*end*/
@media (max-width:991.98px) {
	nav#support-business_nav ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
		margin-bottom: 0;
	}
	nav#support-business_nav ul > a{
		width: 32%;
		margin-bottom: 0.5rem;
	}
}/*end*/

@media (min-width:768px){
}
@media (max-width:767.98px) {
	.pageNav_container .flex-align-txt{
		text-align: left;
	}
	nav#support-business_nav ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 0;
	}
	nav#support-business_nav ul > a{
		width: calc(50% - 0.5rem);
		margin-bottom: 1rem;
	}
}/*end*/
@media (max-width:575.98px) {
	nav#support-business_nav ul > a{
		width: 100%;
	}
	.wellfixed-sun {
		display: none;
	}
}/*end*/