body {
	background-color: #FFFFFF;
}

/* fv section */

/* help */

.banner-wrapper {
	display: flex;
}
.banner-wrapper .left-part {
	width: 50%;
	padding: 80px 0 0 80px;
}
.banner-wrapper h3 {
	font-size: 40px;
}
.banner-wrapper .right-part {
	width: 50%;
	text-align: left;
}
.banner-wrapper img {
	width: calc( 100% - 80px );
	height: auto;
}
.banner-wrapper .button-wrapper {
	margin-top: 80px;
}
.estimate .button-wrapper {
	text-align: center;
	margin: 80px 0;
}
.estimate .button-wrapper input, .estimate .button-wrapper a {
	cursor: pointer;
	width: auto;
	margin-top: 0;
	height: 61px;
}
.scroll-banner {
	padding: 30px 0;
}
.scroll-item {
	display: flex;
}
.scroll-item .panel {
	background: #fff;
	border-radius: 15px;
	box-shadow: 4px 4px 16px rgba(0, 87, 184, 0.16);
	width: 270px;
	padding: 20px;
	margin-left: 30px;
	position: relative;
}
.scroll-item .panel p {
	line-height: 1.5;
	font-size: 14px;
}
.triangle-left {
	position: absolute;
	width: 0;
	height: 0;
	top: 20px;
	transform: translateX(-190%);
	border-top: 15px solid transparent;
	border-right: 20px solid #fff;
	border-bottom: 15px solid transparent;
	filter: drop-shadow(4px 4px 16px rgba(0, 87, 184, 0.16));
}
.scroll-item .brand {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 600px;
}
.scroll-item .brand a {
	width: 33.3%;
}
.swiper-container {
	padding: 10px;
}
.manual {
	display: flex;
	margin-top: 160px;
	margin-left: calc( 50% - 640px );
}
.manual .left-part {
	width: 640px;
	padding: 0 20px 0 100px;
}
.manual .right-part {
	width: calc( 100% - 640px );
	padding: 80px 0;
	text-align: center;
	border-radius: 16px 0px 0px 16px;
	height: 480px;
	background: linear-gradient(to bottom right, #abe4fd 0%, #fadb85 100%);
}
.manual .right-part img {
	width: 320px;
}
.manual h3 {
	font-size: 48px;
	text-align: left;
	color: #0057b8;
	font-family: 'Montserrat', sans-serif;
}
.manual h4 {
	font-size: 20px;
	text-align: left;
	color: #111;
}
.manual-item {
	padding: 20px;
	margin-top: 20px;
	cursor: pointer;
}
.manual-item:hover {
	border-radius: 15px;
	box-shadow: 8px 8px 8px rgba(0,87,184,0.08);
}
.manual-item .item-title {
	display: flex;
	align-items: center;
}
.manual-item .item-title img {
	width: 32px;
	height: 32px;
}
.manual-item .item-title span
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #111;
	margin-left: 10px;
}
.manual-item .item-desc {
	font-weight: normal;
	font-size: 14px;
	line-height: 25.2px;
	text-align: left;
	color: #555;
	margin-top: 20px;
}

.help-field {
	margin-top: 80px;
	padding: 0 100px;
}
.help-field h3 {
	font-size: 20px;
	text-align: left;
	color: #0057b8;
	text-align: center;
}
.help-field .help-content {
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
} 
.help-field .help-content.sp {
	display: none;
}
.help-content .help-item {
	position: relative;
	width: 30%;
	border-radius: 16px;
	background: #f5faff;
	padding: 20px 40px;
}
.help-content .help-item h5 {
	font-size: 16px;
	text-align: center;
	color: #111;
}
.help-content .help-item p {
	font-size: 14px;
	line-height: 25.2px;
	text-align: left;
	color: #555;
	margin-top: 45px;
}
.help-content .help-item h4 {
	font-size: 40px;
	line-height: 25.2px;
	text-align: center;
	color: #0057b8;
	margin-top: 20px;
	font-family: 'Montserrat', sans-serif;
}
.help-content .help-item .icon {
	position: absolute;
	top: -40px;
	left: -41px;
}
.advantage-wrapper {
	padding: 80px 0;
}
.advantage {
	display: flex;
	flex-wrap: wrap;
	/* align-items: center; */
	margin-top: 80px;
}
.advantage-item {
	width: 50%;
	text-align: center;
	margin-bottom: 80px;
}
.advantage-bg {
	position: relative;
	width: 280px;
	height: 280px;
	background: linear-gradient(to bottom right, #abe4fd 0%, #fadb85 100%);
	border-radius: 16px;
	margin-left: calc( 50% - 160px );
	margin-top: 20px;
}
.advantage-bg img {
	position: absolute;
	top: -40px;
	left: 40px;
	width: 280px;
	border-radius: 16px;
}

.advantage-item p {
	font-size: 14px;
	line-height: 25.2px;
	text-align: left;
	color: #555;
	margin-bottom: 30px;
}
.case-study-wrapper {
	background: linear-gradient(to bottom right, #abe4fd 0%, #fadb85 100%);
	padding: 80px 0;
}
.knowledge-wrapper {
    padding: 80px 0;
}
.knowledge-detail h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	padding: 15px 0;
	text-align: left;
	color: #111;
	border-bottom: 4px solid #0057b8;
}
.knowledge-detail h5 {
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	text-align: left;
	color: #111;
	padding: 15px;
}
.knowledge-detail p {
	font-size: 16px;
	line-height: 2;
}
.knowledge-detail a {
	color: #0057B8;
	text-decoration: underline;
}
.knowledge-detail .blue-bg {
	border-radius: 8px;
	background: #f5faff;
}
.knowledge-detail .img-block {
	padding: 10px 20px;
}
.knowledge-detail .img-block img {
	border-radius: 8px;
}
.knowledge-detail .img-block label {
	font-size: 12px;
	line-height: 1.5;
	display: block;
	margin-top: 20px;
}
.category_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.category_wrapper h5 {
	font-size: 20px;
	color: #0057b8;
	margin: 0 0 20px;
	font-family: 'Montserrat', sans-serif;
}
.category_wrapper span {
	font-size: 16px;
	color: #555;
	font-family: 'Montserrat', sans-serif;
}
.estimate {
	padding: 100px 240px;
}
.estimate .item {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.estimate .item:nth-child(5), .estimate .item:nth-child(11) {
	align-items: flex-start;
}
.estimate .item:nth-child(5) label, .estimate .item:nth-child(11) label {
	margin-top: 10px;
}
.estimate .item:nth-child(5) input, .estimate .item:nth-child(6) input {
	width: auto;
	height: auto;
} 
.estimate .item label {
	width: 30%;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #111;
}
.estimate .item div label {
	font-size: 16px;
	color: #f00;
}
.estimate .item div span {
	font-size: 14px;
	margin-right: 10px;
}
.estimate .item label span {
	font-family: "Noto Sans JP";
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 4px;	
	background: #d90d0d;
	padding: 3px 8px;
	margin-left: 20px;
}
.estimate .item input, .estimate .item select {
	width: 100%;
	height: 50px;
	padding: 10px 20px;
	border-radius: 8px;
	background: #f2f2f2;
	border: none;
}
.estimate .item textarea {
	width: 100%;
	height: 240px;
	padding: 10px 20px;
	border-radius: 8px;
	background: #f2f2f2;
	border: none;
	resize: none;
}
.estimate .item div {
	width: 70%;
	line-height: 2;
}
.estimate .item div label {
	font-weight: normal;
	font-size: 14px;
	margin-right: 20px;
	white-space: nowrap;
	display: inline;
}
.estimate p {
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #111;
}
.estimate p a {
	text-decoration: underline;
	color: #111;
}
.screen-reader-response {
	display: none;
}
.wpcf7-response-output {
	font-size: 20px;
	padding: 20px;
}
.thanks {
    font-size: 16px;
    padding: 120px 0 150px;
    text-align: center;
    line-height: 2;
}
.sp {
	display: none;
}

@media (max-width: 768px) {
	.banner-wrapper {
		display: none;
		padding: 30px 20px 120px;
	}
	.banner-wrapper h3 {
		font-size: 32px;
		line-height: 1.3;
	}
	.banner-wrapper .button-wrapper {
		text-align: center;
		margin-top: 60px;
	}
	.banner-wrapper .right-part {
		text-align: center;
	}
	.banner-wrapper img {
		width: 100%;
	}
	.scroll-banner {
	    padding: 30px 10px;
	}
	.manual {
		display: none;
		padding: 0 20px;
		margin-top: 80px;
		margin-left: 0;
	}
	.manual-content {
		margin-top: 40px;
	}
	.manual-item {
		padding: 0;
	}
	.manual-item .item-title {
		margin-bottom: 20px;
	}
	.manual-item .item-photo {
		border-radius: 16px;
		background: linear-gradient(to bottom right, #abe4fd 0%, #fadb85 100%);
		text-align: center;
		padding: 20px 0;
	}
	.manual-item .item-photo img {
		width: 240px;
	}
	.help-field {
		padding: 0 20px;
	}
	.help-field .help-content {
		display: none;
	}
	.help-field .help-content.sp {
		display: block;
		margin-top: 50px;
	}
	.help-content .help-item {
		width: 100%;
		padding: 10px;
	}
	.help-content .help-item h4
	{
		line-height: 0;
		font-size: 26px;	
	}
	.help-content .help-item p {
		margin-left: 10px;
	}
	.help-content .help-item .icon {
	    position: absolute;
	    top: -15px;
	    left: -10px;
	    width: 40px;
	    height: auto;
	}
	.manual h3 {
		font-size: 32px;
	}
	.advantage-wrapper {
		padding: 10px 0;
	}
	.advantage {
		display: none;
		margin-top: 40px;
	}
	.advantage-item {
		width: 100%;
		margin-bottom: 20px;
	}
	.advantage-bg {
		width: 240px;
		height: 240px;
		margin-left: calc( 50% - 132.8px );
		margin-top: 80px;
		margin-bottom: 60px;
	}
	.advantage-bg img {
		top: -25.6px;
		left: 25.6px;
		width: 240px;
	}
	.advantage-wrapper h3, .advantage-wrapper h4 {
		text-align: left;
	}
	.estimate {
		padding: 30px 20px;
	}
	.estimate .item {
		display: block;
	}
	.estimate .item label {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.estimate .item input, .estimate .item select, .estimate .item textarea {
		width: 100%;
	}
	.estimate .item div {
		width: 100%;
	}
	.case-study-wrapper {
		padding: 10px 0;
	}
	.knowledge-wrapper {
		padding: 10px 0;
	}
	.knowledge-detail .img-block {
		padding: 10px;
	}
	.sp {
		display: block;
	}
}