@charset "utf-8";

.lowerpage-bg {
	height: 800px;
}

.lowerpage-bg:before {
	background: #00458D;
}

@media (max-width: 1060px) and (min-width: 768px){

	.lowerpage-bg {
		height: 600px;
	}

}


@media (max-width: 767px) {
	.lowerpage-bg {
		height: 500px;
	}
}

.main figure {
	overflow: hidden;
}


.tit {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	margin-bottom: 4rem;
	color: #00458D;
}

.tit .en {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	position: relative;
	padding-left: 6rem;
	margin-bottom: 2rem;
}

.tit .en::before {
	content: '';
	width: 50px;
	height: 2px;
	background: #00458D;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.tit .jp {
	position: relative;
	padding: 1rem 2rem 1rem 8rem;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.6;
}

.tit .jp.block {
	display: block;
}

.tit .jp.inline-block {
	display: inline-block;
}

.tit .jp::before,
.tit .jp::after {
	content: '';
	width: 57px;
	height: 50px;
	background: url("../img/common/quote.svg") no-repeat top left/100% auto;
	position: absolute;
	top: 0;
	left: 0;
}

.tit .jp::after {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	transform: rotate(-180deg);
}

.box {
	position: relative;
	margin: 0 auto 14rem;
}

.box .ic {
	z-index: 9;
}

.box .boxWrap {
	position: relative;
	display: flex;
}

.box .boxWrap .img {
	width: calc(50% - 180px);
}

.box .boxWrap .img figure {
	border-radius: 0 100px 0 0;
	overflow: hidden;
}

.box .boxWrap .img figure img {
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.box .boxWrap .txt {
	width: 640px;
	margin-left: 40px;
	position: relative;
}

.box.img-right .boxWrap {
	justify-content: flex-end;
}

.box.img-right .boxWrap .img {
	order: 2;
}

.box.img-right .boxWrap .img figure {
	border-radius: 100px 0 0 0;
}

.box.img-right .boxWrap .txt {
	order: 1;
	margin-left: 0;
	margin-right: 40px;
}

.mv {
	text-align: center;
	display: block;
	height: unset;
}

.mv h2 {
	margin: 6rem auto 4rem;
	width: 92.1%;
	text-align: center;
}

.mv p {
	text-align: center;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 5rem;
}

.mv p span {
	display: inline-block;
	position: relative;
}

.mv p span::before,
.mv p span::after {
	content: '';
	width: 57px;
	height: 50px;
	background: url("../img/common/quote_white.svg") no-repeat top left/100% auto;
	position: absolute;
	top: 0;
	left: -100px;
}

.mv p span::after {
	left: auto;
	right: -100px;
	transform: rotate(-180deg);
}

.box-top {
	position: relative;
}

.box-top .boxWrap {
	max-width: 1800px;
	width: 92%;
	margin: 0 auto;
}

.box-top .boxWrap .img {
	position: relative;
}

.box-top .boxWrap .img figure {
	border-radius: 100px;
}

.box-top .boxWrap .img figure img {
	width: 100%;
}

.box-top .boxWrap .img .ic {
	width: 6.86%;
	position: absolute;
	bottom: -4%;
	left: 10%;
}

.box-top .boxWrap .txt {
	padding: 7rem 2rem;
	text-align: center;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.box-top .boxWrap .txt h3 {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: min(4rem, 2.8rem);
	line-height: 1.4;
	margin: 0 0 4rem;
	color: #00458D;
}


.project-member {
	padding: 6rem 0 14rem;
	background: linear-gradient(to bottom, #DCEFFA, #084B91);
	margin: 0 0 14rem;
	border-top-right-radius: 100px;
	position: relative;
}

.project-member h3 {
	margin-bottom: 6rem;
}

.project-member .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.project-member .list .item {
	width: 23.5%;
	position: relative;
}

.project-member .list .item figure img {
	border-top-right-radius: 64px;
	width: 100%;
}

.project-member .list .item .desc {
	position: absolute;
	left: 0;
	top: 80%;
	line-height: 1.4;
}

.project-member .list .item .desc p span {
	display: inline-block;
	background: #fff;
	color: #000;
	border-bottom: 1px solid #f0f0f0;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: bold;
	padding: 0 0.5rem;
	letter-spacing: 0
}

.project-member .list .item .desc p:last-of-type span {
	border-bottom: 0;
}







.mission .ic {
	position: absolute;
	top: -8%;
	left: 64%;
}

.believe {
	position: relative;
	margin-bottom: 14rem;
	padding: 10% 0 5%;
}

.believe:before {
	content: '';
	width: 68%;
	height: 100%;
	background: #E6FF1D;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0 100px 100px 0;
	z-index: -1;
}

.believe .ic {
	position: absolute;
	top: -60px;
	left: 10%;
}

.believe .boxWrap .img {
	padding-left: calc(50% - 500px);
	margin-bottom: 10rem;
}

.believe .boxWrap .img .imgWrap {
	position: relative;
}
.believe .boxWrap .img .imgWrap figure {
	border-radius: 100px 0 0 0;
}

.believe .boxWrap .img .imgWrap figure img {
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.believe .boxWrap .img .imgWrap h3 {
	width: 90%;	
	position: absolute;
	top: -14%;
	left: 7%;	
	line-height: 1;
	z-index: 2;
}

.believe .boxWrap .img .imgWrap .ic2 {
	width: 21%;
	position: absolute;
	right: 25%;
	bottom: -15%;	
}

.believe .txt {
	position: relative;
	z-index: 2;
}

.believe .txt .tit .jp {
	line-height: 1.2;
}

.believe .txt .tit .jp span {
	display: inline-block;
	background: #00458D;
	color: #fff;
	padding: 0 10px;
	margin-bottom: 10px;
}


.believe.img-left::before {
	left: auto;
	right: 0;
	border-radius: 100px 0 0 100px;
}

.believe.img-left .boxWrap .img {
	padding-left: 0;
	padding-right: calc(50% - 500px);
}

.believe.img-left .boxWrap .img .imgWrap h3 {
	left: 2%;
}

.believe.img-left .boxWrap .img .imgWrap .ic2 {
	right: 2%;
}


.believe.img-left .boxWrap .img figure {
	border-radius: 0 100px 0 0;
}



.development .txt .ic {
	width: 30%;
	position: absolute;
	top: -12%;
	right: -5%;
}


.future {
	z-index: 9;
}

.future .img .ic {
	padding: 15% 0 10% 20%;
}

.box-bottom {
	position: relative;
	margin-bottom: 10rem;
	z-index: 8;
}

.box-bottom .boxWrap {
	position: relative;
}

.box-bottom figure {
	border-radius: 100px 0 0 0;
}

.box-bottom .ic {
	position: absolute;
	bottom: -7%;
	right: 8%;
}




/* MEDIA */
@media (max-width: 1200px) {
	.mv p {
		font-size: 2.8rem;		
	}

	.mv p span::before,
	.mv p span::after {
		width: 30px;
		height: 28px;
		left: -50px;
	}

	.mv p span::after {
		left: auto;
		right: -50px;
	}

	.tit .en {
		font-size: 1.8rem;
	}

	.tit .jp {
		font-size: 2.8rem;
		padding: 1rem 2rem 1rem 6rem;
	}

	.tit .jp::before,
	.tit .jp::after {
		width: 30px;
		height: 28px;
	}
}

@media (max-width: 1060px) and (min-width: 768px){

	.tit .jp br {
		display: none;
	}

	.box .boxWrap .img {
		width: 36%;
	}
	
	.box .boxWrap .txt {
		width: calc(64% - 60px); 
		margin: 0 30px !important;
	}


}

@media (max-width: 767px) {

	.mv h2 {
		width: 100%;
		margin: 6rem auto 2rem;
	}

	.mv p {
		text-align: left;
		margin-bottom: 3rem;
	}

	.mv p span {
		font-size: 2rem;
		padding: 0;
	}

	.mv p span::before,
	.mv p span::after {
		display: none;
	}

	.tit {
		margin-bottom: 2rem;
	}

	.tit .en {
		font-size: 1.4rem;
		padding-left: 4rem;
	}

	.tit .en::before {
		width: 30px;
	}

	.tit .jp {
		font-size: 2.4rem;
		padding: 0 3rem;
		display: inline-block;
	}

	.tit .jp::before,
	.tit .jp::after {
		width: 20px;
		height: 18px;
		left: 0;
	}

	.tit .jp::after {
		bottom: 1;
		left: auto;
		right: 0;
	}


	.box {
		margin-bottom: 8rem;
	}

	.box .boxWrap {
		flex-wrap: wrap;
	}

	.box .boxWrap .img {
		order: 1 !important;
		width: 100%;
		margin-bottom: 4rem;
	}

	.box .boxWrap .img figure {
		width: 95%;
		border-radius: 0 60px 0 0;
	}

	.box .boxWrap .txt {
		order: 2 !important;
		width: calc(100% - 60px);
		margin: 0 auto !important;
	}

	.box.img-right .boxWrap .img figure {
		border-radius: 60px 0 0 0;
		margin: 0 0 0 auto;
	}


	.box-top .boxWrap {
		width: 100%;
	}

	.box-top .boxWrap .img figure {
		border-radius: 60px;
	}

	.box-top .boxWrap .number {
		position: absolute;
		top: 3%;
		right: 6%;
	}

	.box-top .boxWrap .txt {
		text-align: left;
		padding: 4rem 3rem;
	}

	.box-top .boxWrap .txt h3 {
		font-size: 2.4rem;
		text-align: center;
		margin-bottom: 2rem;
	}

	.project-member {
		padding: 6rem 0;
		margin-bottom: 6rem;
		border-top-right-radius: 64px;
	}

	.project-member h3 {
		text-align: center;
		margin: 0 auto 2rem;
		width: 80%;
	}

	.project-member .list .item {
		width: 46%;
		margin-bottom: 6rem;
	}

	.project-member .list .item .desc {
		font-size: min(1.6rem, 3vw);
	}

	
	.mission {
		margin-bottom: 10rem;
	}

	.mission .ic {
		width: 12%;
		top: -3%;
		left: auto;
		right: 26%;
	}

	
	.believe {
		padding: 15% 0 15%;
		margin-bottom: 6rem;
	}

	.believe::before {
		width: 80% !important;
		border-radius: 60px 0 0 60px !important;
		left: auto !important;
		right: 0 !important;
	}

	.believe .ic {
		top: -3%;
		left: 67%;
		width: 18%;

	}

	.believe .boxWrap .img {
		margin-bottom: 6rem;
	}

	.believe .boxWrap .img .imgWrap figure {
		border-radius: 60px 0 0 0;
	}

	.believe .boxWrap .img .imgWrap h3 {
		top: -20%;
	}

	.believe .boxWrap .img .imgWrap .ic2 {
		width: 41%;
		left: auto;
		right: 1%;
	}

	.believe .txt .tit .jp span {
		margin-bottom: 3px;
		padding: 5px;
	}

	.box-bottom {
		margin-bottom: 6rem;
	}

	.box-bottom figure {
		border-radius: 60px 0 0 0;
	}

	.box-bottom .ic {
		width: 35%;
		right: 2%;
	}


}

















/* Line  */
.lineS-yellow {
	top: 150px;
	left: -10px;
}

.lineL-purple {
	top: 100px;
	right: -100px;
}

.box-top .line2-lblue {
	top: -4%;
	right: 15%;
}

.box-top .lineL-green1 {
	top: 68%;
	right: 6%;
	width: 128px;
	height: 128px;
}

.project-member .lineL-yellow {
	top: -10%;
	left: -3%;
}

.project-member .lineS-blue {
	top: 94%;
	left: 34%;
}

.mission .lineL-purple {
	top: -15%;
	left: 93%;
}

.mission .lineR-green {
	top: 91%;
	left: 25%;
}

.believe .line2-blue {
	top: 26%;
	left: -4%;
}

.believe .lineR-lblue {
	top: 23%;
	left: 1%;
}

.believe .lineR-purple {
	top: 90%;
	left: 94%;
}

.believe .lineS-dblue {
	top: 99%;
	left: 50%;
}

.development .line2-green {
	top: 102%;
	left: 3%;
}

.development .lineL-yellow {
	top: 87%;
	left: 67%;
	z-index: -1;
}

.future .lineS-dblue {
	top: auto;
	bottom: -8%;
	left: 30%;
}

.future .lineR-blue {
	top: 73%;
	left: 86%;
}

.future .lineS-blue {
	top: 102%;
	left: 25%;
}

.box-bottom .lineL-yellow {
	top: -18%;
	left: 62%;
}


@media (max-width: 767px) {
	.lineS-yellow {
		left: -5px;
		top: 120px;
	}

	.lineL-purple {
		top: 120px;
		right: -70px;
	}

	.lineS-lblue {
		top: 46%;
		left: 50%;
	}

	.project-member .lineL-yellow {
		top: -5%;
		left: -10%;
	}

	.project-member .lineS-blue {
		top: 98%;
		left: 24%;
	}

	.mission .lineL-purple {
		top: 0;
		left: 85%;		
	}

	.mission .lineR-green {
		top: 101%;
		left: 40%;
	}


	.believe .line2-blue {
		top: 13%;
		left: -17%;
	}

	.believe .lineR-lblue {
		top: 13%;
		left: -10%;
	}

	.believe .lineR-purple {
		top: 95%;
		left: 72%;
	}

	.development .line2-green {
		top: 102%;
		left: -14%;
	}

	.future .lineS-yellow {
		top: 17.5%;
		left: 79%;
	}

	.future .lineS-dblue {
		top: 103%;
	}

	.box-bottom .lineL-yellow {
		top: -35%;
	}
}
.other .lineS-dblue{top: -40px; left: -130px;}
.other .lineS-blue{top: -25px; right: 8%;}

@media (max-width: 767px) {
	.other-tit{text-align: center;}
	.other .lineS-dblue{top: -10px; left: -10px;}
}