@charset "UTF-8";
/*------------------------
トップイメージ
------------------------*/
.topimg{
	position: relative;
}
.topimg::before{
	content: "";
	width: 100%;
	height: 280px;
	background: url(/pc/img/common/pattern_stripe.png);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.topimg .text{
	padding: 180px 0px 80px 70px;
}
.topimg .text h1{
	width: 676px;
	height: 393px;
	margin-bottom: 45px;
}
.topimg .text h2{
	font-size: 30px;
	line-height: 1.467;
	letter-spacing: .08em;
	margin-bottom: 20px;
}
.topimg .text .sub{
	font-size: 18px;
	letter-spacing: .08em;
	line-height: 1.778;
	font-weight: bold;
}
.topimg .imag-wrap{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 60.42vw;
}
.topimg .imag-wrap .image{
	height: 890px;
}
.topimg .image img{
	object-fit: cover;
	border-radius: 0 0 0 50px;
	/* mix-blend-mode: color-burn; */
}

/*------------------------
お知らせ
------------------------*/
#news .inner{
	padding: 100px 0 80px;
	display: flex;
	justify-content: space-between;
}
#news .ttl-wrap {
	margin-bottom: 30px;
	text-align: left;
}
#news .btn a{
	width: 160px;
	height: 36px;
	font-size: 15px;
	justify-content: flex-start;
	padding: 0 15px;
}
#news .btn a::after{
	content: '';
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}

#news ul {
	width: 940px;
	border-top: 1px solid #cccccc;
}
#news ul li{
	position: relative;
}
#news ul li::before {
	content: '';
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1px solid var(--black);
	border-right: 1px solid var(--black);
	transform: rotate(45deg);
}
#news ul li a {
	display: flex;
	align-items: center;
	padding: 13px 30px 13px 15px;
	border-bottom: 1px solid #cccccc;
}
#news ul li a:hover{
	color: var(--blue);
	background: var(--bg_gray);
}
#news ul li .tag-wrap {
	display: flex;
	align-items: center;
	margin-right: 40px;
	white-space: nowrap;
}
#news ul li .tag-wrap .day {
	margin-right: 20px;
	font-weight: bold;
}
#news ul li .tag-wrap .tag {
	font-size: 13px;
	font-weight: 500;
	background: var(--blue);
	color: #fff;
	height: 28px;
	display: flex;
	align-items: center;
	padding: 0 12px;
	border-radius: 5px;
}
#news ul li .ttl {
	letter-spacing: .04em;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
#news ul li .ttl .icon{
	width: 20px;
	height: 20px;
	margin: 0px 6px 0px;
	display: inline-block;
}
#news ul li .ttl .icon img{
	margin-top: 4px;
}


/*------------------------
カーボンニュートラルファンド
------------------------*/
#business {
	position: relative;
}
#business::before{
	content: "";
	max-width: 1190px;
	height: 610px;
	width: 61.98vw;
	background: var(--bg_gray);
	position: absolute;
	left: 0;
	top: 0;
}
#business .inner{
	padding: 60px 0 0px;
}
#business .ttl-wrap{
	margin-bottom: 35px;
}

#business .flex{
	position: relative;
}
#business .text-wrap {
	width: 600px;
	padding-top: 25px;
	padding-bottom: 7.29vw;
}
#business .text-wrap h3{
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 15px;
}
#business .text-wrap .textarea{
	font-weight: 500;
	font-size: 19px;
	letter-spacing: .06em;
	margin-bottom: 40px;
}
#business .btn.dia a span{
	width: 360px;
	height: 70px;
}
#business .main{
	position: absolute;
	top: 0;
	left: 660px;
	width: 41.67vw;
	height: auto;
	max-width: 800px;
	min-width: 500px;
}
#business .main img{
	border-radius: 30px;
}

/*------------------------
プロジェクト
------------------------*/
#project{
	position: relative;
}
#project::before{
	content: "";
	width: 100%;
	height: 210px;
	background: url(/pc/img/common/pattern_stripe.png);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
#project .inner{
	padding: 80px 0 90px;
}
#project .ttl-wrap{
	margin-bottom: 35px;
}

#project .flex-wrap{
	position: relative;
	display: flex;
	justify-content: space-between;
}
#project .img-wrap{
	width: 540px;
	margin-right: 50px;
}
#project .img-wrap .num01{
	height: 340px;
	margin-bottom: 20px;
}
#project .img-wrap .num02{
	width: 270px;
	height: 190px;
}
#project .img-wrap .num02 img{
	object-fit: cover;
}
#project .img-wrap img{
	border-radius: 20px;
}
#project .text-wrap {
	padding-top: 20px;
	flex: 1;
}
#project .text-wrap h3{
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 15px;
}
#project .text-wrap .textarea{
	font-weight: 500;
	font-size: 19px;
	letter-spacing: .08em;
	margin-bottom: 30px;
}
#project .btn.dia a span{
	width: 360px;
	height: 70px;
}

#project .project-wrap{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 40px;
}
#project .project-wrap li{
	position: relative;
}
#project .project-wrap li::after{
	content: '';
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1px solid var(--black);
	border-right: 1px solid var(--black);
	transform: rotate(45deg);
}
#project .project-wrap li a{
	display: flex;
	background: var(--bg_gray);
	border-top: 1px solid #cccccc;
	padding: 15px;
}
#project .project-wrap li a:hover{
	background: #e8e8e8;
}
#project .project-wrap li .main{
	width: 76px;
	height: 60px;
	margin-right: 10px;
}
#project .project-wrap li .main img{
	object-fit: cover;
	border-radius: 5px;
}
#project .project-wrap li .text-wrap{
	padding-top: 0;
}
#project .project-wrap li .text-wrap .flex{
	display: flex;
	margin-bottom: 5px;
}
#project .project-wrap li .text-wrap .cat-wrap{
	display: flex;
}
#project .project-wrap li .text-wrap .cat{
	height: 23px;
	font-size: 12px;
	padding: 0 6px;
	margin-right: 5px;
}
#project .project-wrap li .text-wrap .day{
	font-weight: 500;
}
#project .project-wrap li .text-wrap .capa,
#project .project-wrap li .text-wrap .access{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-right: 30px;
	letter-spacing: .04em;
}

/*------------------------
採用情報
------------------------*/
#recruit{
	position: relative;
	margin: 60px 0;
}
#recruit .inner a{
	border: 4px solid var(--red);
	border-radius: 20px;
	display: flex;
	align-items: center;
	padding: 0 0 0 55px;
}
#recruit .inner a:hover{
	transform: translateY(4px);
	background: #fff4f4
}

#recruit .text{
	flex: 1;
}
#recruit .ttl-wrap{
	text-align: left;
	margin-bottom: 15px;
}
#recruit .text .sub{
	font-size: 21px;
	line-height: 1.333;
	font-weight: 500;
}
#recruit .main img{
	border-radius: 0 17px 17px 0;
}

/* 384-1200変更部分 */
/*------------------------
トップイメージ
------------------------*/
@media screen and (min-width: 384px) and (max-width: 1200px) {
.topimg::before {
	height: 23.33vw;
}
.topimg .text {
	padding: 15vw 0 6.67vw 5.83vw;
}
.topimg .text h1 {
	width: 56.33vw;
	height: 32.75vw;
	margin-bottom: 3.75vw;
}
.topimg .text h2 {
	font-size: 2.5vw;
	margin-bottom: 1.67vw;
}
.topimg .text .sub {
	font-size: 1.5vw;
}
.topimg .imag-wrap{
	
}
.topimg .imag-wrap .image {
	height: 74.17vw;
}
}

/*------------------------
お知らせ
------------------------*/
@media screen and (min-width: 384px) and (max-width: 1200px) {
#news .inner {
	padding: 8.33vw 2vw 6.67vw;
}
#news .ttl-wrap {
	margin-bottom: 2.5vw;
}
#news .btn a {
	width: 13.33vw;
	height: 3vw;
	font-size: 1.25vw;
	padding: 0 1.25vw;
}
#news .btn a::after {
	right: 0.83vw;
	width: 0.5vw;
	height: 0.5vw;
}
#news ul {
	width: 78.33vw;
}
#news ul li::before {
	right: 0.83vw;
	width: 0.5vw;
	height: 0.5vw;
}
#news ul li a {
	padding: 1.08vw 2.5vw 1.08vw 1.25vw;
}
#news ul li .tag-wrap {
	margin-right: 3.33vw;
}
#news ul li .tag-wrap .day {
	margin-right: 1.67vw;
}
#news ul li .tag-wrap .tag {
	font-size: 1.08vw;
	height: 2.33vw;
	padding: 0 1vw;
}
#news ul li .ttl {
	font-size: 1.33vw;
}
#news ul li .ttl .icon {
	width: 1.67vw;
	height: 1.67vw;
	margin: 0 0.5vw 0;
}
#news ul li .ttl .icon img {
	margin-top: 0.33vw;
}
}

/*------------------------
カーボンニュートラルファンド
------------------------*/
@media screen and (min-width: 384px) and (max-width: 1200px) {
#business::before {
	height: 50.83vw;
}
#business .inner {
	padding: 5vw 2vw 0;
	overflow: hidden;
}
#business .ttl-wrap {
	margin-bottom: 2.92vw;
}
#business .text-wrap {
	width: 50vw;
	padding-top: 2.08vw;
	padding-bottom: 7.29vw;
}
#business .text-wrap h3 {
	font-size: 2.5vw;
	margin-bottom: 1.25vw;
}
#business .text-wrap .textarea {
	font-size: 1.58vw;
	margin-bottom: 3.33vw;
}
#business .btn.dia a span {
	width: 30vw;
	height: 5.83vw;
}
#business .main {
	left: 55vw;
	max-width: 66.67vw;
	min-width: 41.67vw;
}
}

/*------------------------
プロジェクト
------------------------*/
@media screen and (min-width: 384px) and (max-width: 1200px) {
#project::before {
	height: 17.5vw;
}
#project .inner {
	padding: 6.67vw 2vw 7.5vw;
}
#project .ttl-wrap {
	margin-bottom: 2.92vw;
}
#project .img-wrap {
	width: 45vw;
	margin-right: 4.17vw;
}
#project .img-wrap .num01 {
	height: 28.33vw;
	margin-bottom: 1.67vw;
}
#project .img-wrap .num02 {
	width: 22.5vw;
	height: 15.83vw;
}
#project .text-wrap {
	padding-top: 1.67vw;
}
#project .text-wrap h3 {
	font-size: 2.5vw;
	margin-bottom: 1.25vw;
}
#project .text-wrap .textarea {
	font-size: 1.58vw;
	margin-bottom: 2.5vw;
}
#project .btn.dia a span {
	width: 30vw;
	height: 5.83vw;
}
#project .project-wrap {
	margin-bottom: 3.33vw;
}
#project .project-wrap li::after {
	right: 1.25vw;
	width: 0.5vw;
	height: 0.5vw;
}
#project .project-wrap li a {
	padding: 1.25vw;
}
#project .project-wrap li .main {
	width: 6.33vw;
	height: 5vw;
	margin-right: 0.83vw;
}
#project .project-wrap li .text-wrap .flex {
	margin-bottom: 0.42vw;
}
#project .project-wrap li .text-wrap .cat {
	height: 1.92vw;
	font-size: 1vw;
	padding: 0 0.5vw;
	margin-right: 0.42vw;
}
#project .project-wrap li .text-wrap .capa,
#project .project-wrap li .text-wrap .access {
	font-size: 1.33vw;
	margin-right: 2.5vw;
}
}

/*------------------------
採用情報
------------------------*/
@media screen and (min-width: 384px) and (max-width: 1200px) {
#recruit {
	margin: 5vw 2vw;
}
#recruit .inner a {
	border-width: 0.33vw;
	padding: 0 0 0 4.58vw;
}
#recruit .inner a:hover {
	transform: translateY(0.33vw);
}
#recruit .ttl-wrap {
	margin-bottom: 1.25vw;
}
#recruit .text .sub {
	font-size: 1.75vw;
}
#recruit .main{
	width: 46.67vw;
}
}