@charset "UTF-8";

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');

.heading.block_header_3{
	display: inline-block;
	background: linear-gradient(45deg, #4283f1, #35318e);
}

.composite_box01.block_images_14 .inner_item .heading.block_header_4 .h{
	color: var(--i_main_color);
	font-weight: 500;
}
.composite_box01.block_images_14 .inner_item{
	box-shadow: none;
}

a[id*="process"]+section .wrapper_item {
	position: relative;
}
a[id*="process"]+section .wrapper_item:before{
	content: "1";
	font-weight: 400;
	color: #d7e3f7;
	font-size: 15rem;
	position: absolute;
	left: 20px;
	top: 5%;
	z-index: -1;
	pointer-events: none;
	line-height: 1;
	font-family: 'Alex Brush', cursive;
}
#process2+section .wrapper_item:before{
	content: "2";
	right: 20px;
	left: auto;
	text-align: right;
}
#process3+section .wrapper_item:before{
	content: "3";
}
#box1+section .heading.block_header_2 .h{
	padding-left: 0;
	font-size:2.6rem !important;
	line-height: 1.4;
	color: var(--i_main_color);
}
#box1+section .heading.block_header_2 p{
	padding-left: 0;
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
}
#box1+section .heading.block_header_2 .h:before,
#box1+section .heading.block_header_2 .h:after{
	display: none;
}
#omoi+div{
	background: linear-gradient(45deg, #4283f1, #35318e)!important;
}
#omoi+.composite_box01.block_images_9 .inner_item_txt .heading::before{
	background: #000;
	opacity: 0.4;
}
#omoi+.composite_box01.block_images_9 a:hover .inner_item_txt .heading::before,
#omoi+.composite_box01.block_images_9 a:hover + .inner_item_txt .heading::before {
  opacity: 0.45;
}

a[id*="concept"]+section  .wrapper_item{
	margin-right: 0;
	margin-left: auto;
	width: 90%;
	background: #fff;
	box-shadow: 1px 1px 18px rgba(21, 29, 53, 0.1);
	border: none;
}
#concept2+section .wrapper_item,
#concept4+section .wrapper_item{
	margin-right: auto;
	margin-left: 0;
}
a[id*="concept"]+section .inner_item_txt .heading.block_header_2{
	display: flex;
	flex-direction: column-reverse;
}
a[id*="concept"]+section .inner_item_txt .heading.block_header_2 p{
	font-size: 3.5rem!important;
	color: var(--i_main_color);
	padding-left: 0;
	font-family: 'Alex Brush', cursive;
	line-height: 1.2;
}
a[id*="concept"]+section .inner_item_txt .heading.block_header_2 .h{
	padding-left: 0;
}
a[id*="concept"]+section .inner_item_txt .heading.block_header_2 .h:before{
	display: none;
}
a[id*="concept"]+section:before{
	display: block;
	content: "";
	width: 60%;
	height: 100%;
	background: var(--i_sub2_color);
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
#concept1+section:before{
	height: 50%;
}
@media screen and (max-width: 800px){
	a[id*="concept"]+section .inner_item_txt .heading.block_header_2 p{
		font-size:2.2rem!important;
	}
	#box1+section .heading.block_header_2 .h{
		font-size: 2.1rem !important;
	}
	#box1+section .heading.block_header_2 p{
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 700px){
	a[id*="concept"]+section >.content_wrapper{
		padding: 0 var(--i_padding, 20px);
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}