@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*===================================================================
  Font
===================================================================*/
* {
	font-family: 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.fRoboto {
	font-family: 'Roboto Condensed', sans-serif;
}

.fThin {
	font-weight: 100;
}

.fBold {
	font-weight: 700;
}

/*===================================================================
  Common
===================================================================*/
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}

body {
	color: #333333;
	background-color: #ffffff;
}

a {
	color: #0c4a85;
	text-decoration: underline;
}

a:hover {
	cursor: pointer;
	opacity: 0.6;
	transition: .4s;
}

div {
	position: relative;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

p {
	line-height: 200%;
}

.tIndent03 {
	text-indent: -3rem;
	padding-left: 3rem;
}

.fBold {
	font-weight: bold;
}

.mTss {
	margin-top: 0.5rem;
}

.mTs {
	margin-top: 1rem;
}

.mTm {
	margin-top: 3rem;
}

.mTl {
	margin-top: 6rem;
}

/*===================================================================
  SP
===================================================================*/
@media(max-width:799px) {
	.sp {
		display: block;
	}

	.pc {
		display: none !important;
	}

	/* Common */
	html {
		width: 100%;
		height: 100vh;
	}

	body {
		width: 100%;
		height: 100vh;
	}

	#waveCanvas {
		width: 100%;
		height: 100%;
	}

	.contentsWrapper {
		width: 100%;
		padding-top: 1rem;
	}

	.pageTitleArea {
		min-height: 10rem;
		background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(226, 252, 255, 1));
		margin-bottom: 3rem;
	}

	.pageTitleCenter {}

	.pageTitleCenter {
		width: 100%;
		padding-bottom: 6rem;
		/*position: absolute;*/
		top: 6rem;
		left: 0;
	}

	.pageTitleCenter>p {
		width: 100%;
		color: #0c4a85;
		line-height: 100%;
		text-align: center;
	}

	.pageTitleCenter>p:nth-of-type(1) {
		font-size: 3rem;
		font-weight: 200;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.pageTitleCenter>p:nth-of-type(2) {
		padding-top: 0.6rem;
	}

	.pageTitle {
		width: 100%;
		margin: 0 auto;
		padding-top: 3rem;
	}

	.pageTitle>p:nth-of-type(1) {
		display: inline-block;
		width: 35vw;
		padding-left: 0.4rem;
		font-size: 0.8rem;
		color: #ffffff;
		font-weight: 400;
		font-family: 'Roboto Condensed', sans-serif;
		background-color: #0c4a85;
	}

	.pageTitle>p:nth-of-type(2) {
		padding-left: 1rem;
		padding-top: 0.8rem;
		font-size: 2.4rem;
		color: #0c4a85;
		line-height: 120%;
		font-weight: 200;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.pageTitle2 {
		width: 100%;
		margin: 0 auto;
		padding-top: 4rem;
	}

	.pageTitle2>p {
		padding-left: 1rem;
		font-size: 2.4rem;
		color: #0c4a85;
		line-height: 180%;
		font-weight: 200;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.indexPageBox01 {
		width: 90vw;
		margin: auto;
		margin-top: 2rem;
	}

	.indexPageBox02 {
		width: 90vw;
		margin: auto;
		margin-top: 2rem;
		;
	}

	.indexPageBox02>p {
		font-size: 1.4rem;
		color: #0c4a85;
		line-height: 160%;
		text-align: center;
		font-weight: 400;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.indexPageBtn {
		width: 90vw;
		margin: 0 auto;
		padding-top: 2rem;
		padding-bottom: 10rem;
	}

	.indexPageBtn>a {
		display: flex;
		justify-content: center;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 3rem;
		margin-top: 1rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.indexPageBtn02 {
		width: 100vw;
		margin: 0 auto;
		padding-top: 2rem;
		padding-bottom: 10rem;
	}

	.indexPageBtn02>a {
		display: flex;
		justify-content: center;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 3rem;
		margin-top: 1rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	/* NEWS */
	.newsYear {
		width: 100%;
	}

	.newsYear>p {
		width: 100%;
		font-size: 2.4rem;
		color: #0c4a85;
		line-height: 100%;
		text-align: center;
		font-weight: 200;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.newsArea {
		width: 100%;
		margin-bottom: 3rem;
	}

	.newsWrapper {
		width: 94vw;
		margin: 0 auto;
		padding: 2rem 0;
		padding-top: 1rem;
	}

	.newsBox {
		display: block;
		width: 100%;
		position: relative;
		margin-top: 0.5rem;
		padding: 0.8rem 1rem 1rem 1rem;
		text-decoration: none;
		background-color: #e7edf3;
		border-radius: 1rem;
	}

	.newsBox>p {
		line-height: 160%;
	}

	.newsBox>p:nth-of-type(1) {
		font-weight: 100;
		color: #333333;
		line-height: 100%;
		padding-bottom: 1rem;
	}

	.newsBox>p:nth-of-type(2) {
		color: #333333;
	}

	.newsBox>p:nth-of-type(2)>a {
		color: #0c4a85;
		text-decoration: none;
	}

	.newsBox:before {
		content: '';
		display: block;
		width: 1.2rem;
		height: 1.2rem;
		position: absolute;
		top: 0.8rem;
		right: 0.8rem;
		background-image: url(../img/iconBlueArrowR.svg);
		background-size: contain;
	}

	.newsBtn {
		width: 12rem;
		margin: 0 auto;
	}

	.newsBtn>a {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 3rem;
		padding: 0 2rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	/* ACTIVITY */
	.activityBox101 {
		width: 94vw;
		margin: 0 auto;
	}

	.activityBox101>p {
		display: block;
		width: 100%;
		font-size: 1.4rem;
		color: #0c4a85;
		line-height: 160%;
		text-align: center;
		font-weight: 400;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.activityBox101>p>span {
		display: block;
		line-height: 120%;
		font-weight: inherit;
	}

	.activityBox102 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 2rem;
	}

	.activityBox102>a {
		position: relative;
		display: block;
		width: 100%;
		height: 3rem;
		font-size: 1.2rem;
		font-weight: 300;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #0c4a85;
		border-radius: 0.6rem;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.activityBox102>a>i {
		display: inline-block;
		width: 1.4rem;
		margin-left: 1rem;
		position: absolute;
		top: 0.8rem;
	}

	.activityBox103 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 2rem;
		display: flex;
		justify-content: center;
		justify-content: center;
		align-items: center;
	}

	.activityBox103>div:nth-of-type(1) {
		width: 30%;
		padding: 0 0.3rem;
	}

	.activityBox103>div:nth-of-type(2) {
		width: 5%;
	}

	.activityBox103>div:nth-of-type(3) {
		width: 30%;
		padding: 0 0.3rem;
	}

	.activityBox103>div:nth-of-type(4) {
		width: 5%;
	}

	.activityBox103>div:nth-of-type(5) {
		width: 30%;
		padding: 0 0.3rem;
	}

	.activityBox103>div>p {
		width: 100%;
		font-size: 1.2rem;
		color: #0c4a85;
		text-align: center;
		font-weight: 600;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.activityBox104 {
		width: 100%;
		margin-top: 6rem;
		padding-top: 2rem;
		padding-bottom: 14rem;
		background-size: 140vw;
		background-position: center bottom;
		background-color: #0c4a85;
	}

	.activityBox104>p {
		display: block;
		width: 90%;
		font-size: 1.2rem;
		color: #ffffff;
		text-align: center;
		font-weight: 300;
		line-height: 160%;
		margin: auto;
		margin-bottom: 1rem;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.activityBox104>p>span {
		display: block;
		line-height: 120%;
		font-weight: 300;
		margin-bottom: -1.5rem;
	}

	.activityBox201 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 2rem;
	}

	.activityBox201>p {
		text-align: center;
	}

	.activityBox202 {
		width: 94vw;
		margin: 0 auto;
	}

	.activityBox202>a {
		display: block;
		width: 100%;
		margin-top: 2rem;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.activityBox202>a>div {
		width: 100%;
		height: 14rem;
		background-size: cover;
		background-position: center bottom;
	}

	.activityBox202>a>p {
		padding: 0.4rem 0.6rem;
		color: #333333;
	}

	.hrdBox101 {
		width: 94vw;
		margin: auto;
		margin-top: 3rem;
	}

	.hrdBox101>p {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 160%;
		color: #0c4a85;
	}

	.hrdBox101>p>span {
		font-size: 1.2rem;
		font-weight: inherit;
	}

	.hrdBox102 {
		width: 94vw;
		margin: auto;
	}

	.hrdBox102>p {}

	.hrdBox102>div {
		margin-top: 1rem;
		background-color: #e7edf3;
		padding: 1.2rem 1.5rem;
		border-radius: 1.5rem;
		display: flex;
	}

	.hrdBox102>div>p {
		line-height: 160%;
	}

	.hrdBox102>div>p:nth-of-type(1) {
		width: 3rem;
		font-size: 4rem;
		font-weight: 300;
		line-height: 100%;
		color: #0c4a85;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.hrdBox102>div>p:nth-of-type(2) {
		flex: 1;
		padding-left: 0.5rem;
	}

	.hrdBox102 > div > p:nth-of-type(2) > span {
		display: block;
		font-weight: bold;
	}

	.hrdBox103 {
		width: 94vw;
		margin: auto;
		margin-top: 4rem;
	}

	.hrdBox103>p {
		text-align: center;
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 160%;
	}

	/* ABOUT US */
	.aboutBox101 {
		width: 94vw;
		margin: 0 auto;
	}

	.aboutBox101>p:nth-of-type(1) {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 2.2rem;
		color: #0c4a85;
		line-height: 180%;
		font-weight: bold;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.aboutBox101>p:nth-of-type(2) {
		display: block;
		width: 100%;
		margin-top: 1rem;
	}

	.aboutBox102 {
		width: 100%;
		height: 50vw;
		margin-top: 2rem;
		margin-bottom: 4rem;
		background-size: cover;
		background-position: center bottom;
	}

	.aboutBox201 {
		width: 94vw;
		margin: 0 auto;
	}

	.aboutBox202 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 6rem;
	}

	.aboutBox202L {
		width: 100%;
		min-height: 35vw;
		border: 1px #bababa solid;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1.5rem 4rem;
	}

	.aboutBox202L>img {}

	.aboutBox202R {
		margin-top: 1rem;
	}

	.aboutBox202R>p:nth-of-type(1) {
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 140%;
	}

	.aboutBox202R>p:nth-of-type(2) {
		margin-top: 0.6rem;
		margin-bottom: 0.6rem;
		line-height: 180%;
	}

	.aboutBox202Rlink {
		width: 100%;
		margin: 0 auto;
		margin-top: 1rem;
		display: flex;
		flex-wrap: wrap;
	}

	.aboutBox202Rlink>a {
		position: relative;
		display: inline-block;
		width: calc(50% - 0.4rem);
		height: 2rem;
		margin: 0.2rem;
		color: #ffffff;
		line-height: 2rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1rem;
	}

	.aboutBox301 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 0.5rem;
	}

	.aboutBox301 p {
		line-height: 175%;
	}

	.aboutBox301>div:nth-of-type(1) {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.aboutBox301>div:nth-of-type(1)>p {
		width: 100%;
		font-size: 1.2rem;
		line-height: 160%;
		color: #ffffff;
		text-align: center;
		background-color: #0c4a85;
		padding: 0.6rem;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.aboutBox301>div:nth-of-type(2) {
		flex: 1;
		margin-top: 1rem;
		border-top: 1px #bababa solid;
	}

	.aboutBox302 {
		width: 100%;
		padding: 1rem 0;
		display: flex;
		border-bottom: 1px #bababa solid;
	}

	.aboutBox302>div:nth-of-type(1) {
		width: 6rem;
	}

	.aboutBox302>div:nth-of-type(1)>p {
		font-weight: bold;
	}

	.aboutBox302>div:nth-of-type(2) {
		flex: 1;
	}

	.aboutBox303 {
		width: 100%;
		padding-bottom: 0.8rem;
	}

	.aboutBox303 > p:first-child {
		font-weight: bold;
		padding-bottom:0.2rem;
	}

	.aboutBox303 > p:nth-of-type(2) {
		line-height: 150%;
	}

	.aboutBox303 > p > span {
		display: block;
		font-size: 0.875rem;
		margin-bottom: -1rem;
	}

	/* MEMBER */
	.memberBox101 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 0.5rem;
	}

	.memberBox101>div:nth-of-type(1) {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.memberBox101>div:nth-of-type(1)>p {
		width: 100%;
		font-size: 1.2rem;
		line-height: 160%;
		color: #ffffff;
		text-align: center;
		background-color: #0c4a85;
		padding: 0.6rem;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.memberBox101>div:nth-of-type(2) {}

	.memberBox102 {
		display: block;
		width: 100%;
		margin-top: 1rem;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.memberBox102>div {
		width: 100%;
		height: 18rem;
		background-size: cover;
		background-position: center bottom;
	}

	.memberBox102>p {
		line-height: 120%;
		text-align: center;
	}

	.memberBox102>p:nth-of-type(1) {
		font-size: 1.6rem;
		color: #333333;
		padding: 1rem 0.6rem 0 0.6rem;
		font-weight: bold;
	}

	.memberBox102>p:nth-of-type(2) {
		color: #333333;
		padding: 0.6rem 0.6rem 0 0.6rem;
		font-size: 1rem;
		line-height: 140%;
	}

	.memberBox102>p:nth-of-type(3) {
		color: #0c4a85;
		padding: 0.3rem 0.6rem 1rem 0.6rem;
		font-size: 0.9rem;
		line-height: 140%;
	}

	.memberBox103 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 6rem;
	}

	.memberBox103>div:nth-of-type(1) {
		width: 100%;
	}

	.memberBox103>div:nth-of-type(1)>p {
		width: 100%;
		font-size: 1.2rem;
		line-height: 160%;
		color: #ffffff;
		text-align: center;
		background-color: #0c4a85;
		padding: 0.6rem;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.memberBox103>div:nth-of-type(2) {}

	.memberBox104 {
		display: flex;
		width: 100%;
		margin-top: 1rem;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.memberBox104>div:nth-of-type(1) {
		width: 26vw;
		height: 26vw;
		background-size: cover;
		background-position: center bottom;
	}

	.memberBox104>div:nth-of-type(2) {
		flex: 1;
		padding: 1rem;
		padding-top: 0;
	}

	.memberBox104>div:nth-of-type(2)>p {
		line-height: 120%;
	}

	.memberBox104>div:nth-of-type(2)>p:nth-of-type(1) {
		font-size: 1.2rem;
		color: #333333;
		padding-top: 1rem;
		font-weight: bold;
	}

	.memberBox104>div:nth-of-type(2)>p:nth-of-type(1)>span {
		font-size: 0.9rem;
		padding-left: 0.6rem;
	}

	.memberBox104>div:nth-of-type(2)>p:nth-of-type(2) {
		color: #0c4a85;
		padding-top: 0.6rem;
	}

	.memberBox105 {
		display: flex;
		width: 100%;
		margin-top: 1rem;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.memberBox105>div:nth-of-type(1) {
		width: 100%;
		padding: 1rem;
		padding-top: 0;
	}

	.memberBox105>div:nth-of-type(1)>p {
		line-height: 120%;
	}

	.memberBox105>div:nth-of-type(1)>p:nth-of-type(1) {
		font-size: 1.2rem;
		color: #333333;
		padding-top: 1rem;
		font-weight: bold;
	}

	.memberBox105>div:nth-of-type(1)>p:nth-of-type(1)>span {
		display: block;
		font-size: 0.8rem;
		line-height: 140%;
		padding-top: 0.4rem;
	}

	.memberBox105>div:nth-of-type(1)>p:nth-of-type(2) {
		font-size: 0.8rem;
		color: #0c4a85;
		line-height: 140%;
		padding-top: 0.2rem;
	}

	/* INFO */
	.infoBox101 {
		width: 94vw;
		margin: 0 auto;
	}

	.infoBox102 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 3rem;
	}

	.infoBox102>p {
		text-align: center;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 160%;
	}

	.infoBox103 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.infoBox103>p:nth-of-type(1) {
		display: block;
		width: 100%;
		color: #ffffff;
		font-size: 1.2rem;
		line-height: 100%;
		text-align: center;
		text-decoration: none;
		background-color: #0c4a85;
		border-radius: 4rem;
		padding: 1rem 2rem;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
	}

	.infoBox103>p:nth-of-type(2) {
		margin-top: 0.5rem;
		text-align: center;
	}


	/* LINK */
	.linkBox101 {
		width: 94vw;
		margin: 0 auto;
		margin-top: 0.5rem;
		margin-bottom: 2rem;
	}

	.linkBox101>div:nth-of-type(1) {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.linkBox101>div:nth-of-type(1)>p {
		width: 100%;
		font-size: 1.2rem;
		line-height: 160%;
		color: #ffffff;
		text-align: center;
		background-color: #0c4a85;
		padding: 0.6rem;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.linkBox101>div:nth-of-type(2) {
		margin-top: 1rem;
	}

	.linkBox101>div:nth-of-type(2)>a {
		display: inline-block;
		margin-bottom: 0.8rem;
		color: #333333;
		text-decoration: none;
		font-size: 1.1rem;
		font-weight: bold;
	}

	/* HOME */
	.homeLogoArea {
		width: 100%;
	}

	.homeLogoImg {
		width: 14vw;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.homeLogo {
		width: 60vw;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.homeTitleArea {
		width: 100%;
		background-image: linear-gradient(0deg, rgba(12, 74, 133, 1), rgba(226, 252, 255, 1) 50%, rgba(255, 255, 255, 1));
	}

	.wave {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.wave canvas {
		width: 100%;
	}

	.waveSpacer {
		width: 100%;
		height: 5rem;
	}

	.homeTitle {
		padding-top: 2rem;
	}

	.homeTitle>p {
		color: #22215d;
		line-height: 100%;
		text-align: center;
	}

	.homeTitle>p:nth-of-type(1) {
		font-size: 1.0rem;
		font-weight: 500;
	}

	.homeTitle>p:nth-of-type(2) {
		font-size: 1.4rem;
		font-weight: 500;
		padding-top: 0.6rem;
	}

	.homeTitle>p:nth-of-type(2)>span {
		display: block;
		padding-top: 0.4rem;
		font-size: 1.4rem;
		font-weight: 500;
	}

	.homeNewsTitle {
		padding-top: 2rem;
	}

	.homeNewsTitle>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeNewsTitle>p:nth-of-type(1) {
		font-size: 2rem;
		font-weight: 200;
	}

	.homeNewsTitle>p:nth-of-type(2) {
		font-weight: 300;
		padding-top: 0.2rem;
	}

	.homeNewsArea {
		width: 100%;
		background-color: #0c4a85;
	}

	.homeNewsWrapper {
		width: 94vw;
		margin: 0 auto;
		padding: 2rem 0;
		padding-top: 1rem;
	}

	.homeNewsBox {
		display: block;
		width: 100%;
		position: relative;
		margin-top: 0.5rem;
		padding: 0.8rem 1rem 1rem 1rem;
		text-decoration: none;
		background-color: #ffffff;
		border-radius: 1rem;
	}

	.homeNewsBox>p {
		line-height: 160%;
	}

	.homeNewsBox>p:nth-of-type(1) {
		font-weight: 100;
		color: #333333;
		line-height: 100%;
		padding-bottom: 1rem;
	}

	.homeNewsBox>p:nth-of-type(2) {
		color: #333333;
	}

	.homeNewsBox>p:nth-of-type(2)>a {
		color: #0c4a85;
		text-decoration: none;
	}

	.homeNewsBox:before {
		content: '';
		display: block;
		width: 1.2rem;
		height: 1.2rem;
		position: absolute;
		top: 0.8rem;
		right: 0.8rem;
		background-image: url(../img/iconBlueArrowR.svg);
		background-size: contain;
	}

	.homeNewsBtn {
		width: 12rem;
		margin: 0 auto;
	}

	.homeNewsBtn>a {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 3rem;
		padding: 0 2rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeResearchArea {
		width: 100%;
		padding-top: 8rem;
		padding-bottom: 55vw;
		background-color: #0c4a85;
		background-image: url(../../img/homeResearchAreaBg.jpg);
		background-size: 140%;
		background-position: center bottom;
	}

	.homeResearchTitle>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeResearchTitle>p:nth-of-type(1) {
		font-size: 3rem;
		font-weight: 100;
	}

	.homeResearchTitle>p:nth-of-type(2) {
		font-weight: 300;
		padding-top: 0.2rem;
	}

	.homeResearchStr {
		width: 90vw;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.homeResearchStr>p {
		font-size: 1.4rem;
		font-weight: 300;
		color: #ffffff;
		line-height: 140%;
		text-align: center;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.homeResearchBtn {
		width: 90vw;
		margin: auto;
		padding-top: 1rem;
	}

	.homeResearchBtn>a {
		position: relative;
		display: block;
		width: 100%;
		height: 3rem;
		margin: 0.8rem auto;
		text-align: center;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeResearchTxt {
		width: 90vw;
		margin: 0 auto;
		padding-top: 2rem;
	}

	.homeResearchTxt>p {
		color: #ffffff;
	}

	.homeAboutArea {
		width: 100%;
	}

	.homeAboutArea>div {
		width: 100%;
	}

	.homeAboutArea>div:nth-of-type(1) {
		height: 60vw;
		background-image: url(../../img/homeAboutImg.jpg);
		background-size: cover;
		background-position: center;
	}

	.homeAboutArea>div:nth-of-type(2) {
		padding: 2rem 0;
	}

	.homeAboutArea>div:nth-of-type(2)>p {
		line-height: 100%;
	}

	.homeAboutArea>div:nth-of-type(2)>p:nth-of-type(1) {
		text-align: center;
		color: #0c4a85;
		font-size: 3rem;
		font-weight: 200;
	}

	/*.homeAboutArea>div:nth-of-type(2)>p:nth-of-type(2) {
		text-align: center;
		color: #0c4a85;
		font-weight: 300;
		padding-top: 0.2rem;
	}*/

	.homeAboutArea>div:nth-of-type(2)>p:nth-of-type(2) {
		width: 90vw;
		margin: 0 auto;
		margin-top: 1rem;
		line-height: 180%;
	}

	.homeAboutBtn {
		width: 90vw;
		margin: auto;
		margin-top: 1rem;
	}

	.homeAboutBtn>a {
		display: block;
		width: 100%;
		height: 3rem;
		margin: 0.8rem auto;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeMemberArea {
		width: 100%;
		padding: 3rem 0;
		background-color: #0c4a85;
	}

	.homeMemberTitle>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeMemberTitle>p:nth-of-type(1) {
		font-size: 3rem;
		font-weight: 100;
	}

	.homeMemberTitle>p:nth-of-type(2) {
		font-weight: 300;
		padding-top: 0.2rem;
	}

	.homeMemberArea p,
	.homeMemberArea a {
		color: #ffffff;
		text-align: center;
		text-decoration: none;
	}

	.homeMemberBtn {
		width: 90vw;
		margin: auto;
		margin-top: 1rem;
	}

	.homeMemberBtn>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeMemberBtn>a {
		display: block;
		width: 100%;
		height: 3rem;
		margin: 0 auto;
		margin-top: 2rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeMemberTxt01 {
		font-size: 1.6rem;
		font-weight: 300;
		padding-top: 3rem;
	}

	.homeMemberTxt02 {
		font-weight: 100;
		padding-top: 0.6rem;
	}

	.homeMemberTxt03 {
		width: 90vw;
		margin: 0 auto;
		font-weight: 100;
		padding-top: 0.4rem;
	}

	.homeMemberListT1 {
		width: 100%;
	}

	.homeMemberListT1>p,
	.homeMemberListT1>a {
		display: block;
		width: 90vw;
		margin: 0 auto;
		margin-top: 0.4rem;
		padding: 1.4rem 2rem;
		line-height: 100%;
		background-color: #245c91;
		border-radius: 1rem;
	}

	.homeMemberListT1>p>span:nth-of-type(1),
	.homeMemberListT1>a>span:nth-of-type(1) {
		display: block;
		font-size: 1.4rem;
		font-weight: 500;
	}

	.homeMemberListT1>p>span:nth-of-type(2),
	.homeMemberListT1>a>span:nth-of-type(2) {
		display: block;
		font-size: 0.9rem;
		font-weight: 100;
		padding-top: 0.6rem;
	}

	.homeMemberListT2 {
		width: 100%;
		padding-top: 0.6rem;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(45vw, 45vw));
		gap: 0.4rem;
		justify-content: center;
	}

	.homeMemberListT2>p {
		display: block;
		width: 100%;
		padding: 1rem 0;
		line-height: 100%;
		background-color: #245c91;
		border-radius: 0.8rem;
	}

	.homeMemberListT2>p>span:nth-of-type(1) {
		display: block;
		font-size: 1rem;
		font-weight: 500;
	}

	.homeMemberListT2>p>span:nth-of-type(2) {
		display: block;
		font-size: 0.8rem;
		font-weight: 100;
		padding-top: 0.4rem;
	}

	.homeMapArea {
		width: 100%;
		height: 120vw;
	}

	.homeMapArea>iframe {
		width: 100%;
		height: 100%;
	}

	.homeFooterArea {
		width: 100%;
		padding: 3rem 0;
		padding-top: 2rem;
		background-color: #0c4a85;
	}

	.homeFooterArea>p {
		width: 94vw;
		margin: 0 auto;
		color: #ffffff;
		line-height: 160%;
		text-align: center;
	}

	.homeFooterArea>p:nth-of-type(1) {
		font-size: 1.2rem;
		font-weight: 400;
	}

	/*.homeFooterArea>p:nth-of-type(2) {
		font-size: 1rem;
		font-weight: 400;
		padding-top: 0.6rem;
	}*/

	.homeFooterArea>p:nth-of-type(2) {
		font-size: 1rem;
		font-weight: 100;
		padding-top: 0.5rem;
	}

	.homeFooterArea>p:nth-of-type(3)>span {
		display: block;
		font-weight: 100;
		padding-top: 0.4rem;
	}

	.homeBannerArea {
		width: 100%;
		padding: 2rem 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.homeBannerArea>div {
		margin: 0.6rem 0.8rem;
	}

	.homeBannerArea>div:nth-of-type(1) {
		width: 50vw;
	}

	.homeBannerArea>div:nth-of-type(2) {
		width: 28vw;
	}

	.homeBannerArea>div:nth-of-type(3) {
		width: 26vw;
	}

	.homeBannerArea>div:nth-of-type(4) {
		width: 42vw;
	}

	.homeBannerArea>div:nth-of-type(5) {
		width: 45vw;
	}

	.homeFooterSpacer {
		width: 100%;
		height: 6rem;
		background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(12, 74, 133, 1));
	}

	/* Header */
	.spHeader {
		width: 100%;
		height: 4rem;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9990;
		background-color: #ffffff;
	}

	.btnSpMenuOpen {
		width: 3rem;
		height: 3rem;
		position: fixed;
		top: 0.3rem;
		left: 0;
		z-index: +10;
	}

	.headerMenu {
		display: none;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: #ffffff;
	}

	.btnSpMenuClose {
		width: 3rem;
		height: 3rem;
		position: absolute;
		top: 0.3rem;
		left: 0;
		z-index: +10;
	}

	.headerLogo {
		width: 7rem;
		margin: 0 auto;
		margin-top: 0.75rem;
	}

	.headerMenuArea {
		width: 80vw;
		height: calc(100vh - 4rem);
		margin: 0 auto;
		margin-top: 1rem;
		padding-bottom: 2rem;
		text-align: center;
		overflow-y: auto;
	}

	.headerMenuBox {
		margin-top: 2.2rem;
		line-height: 100%;
	}

	.headerMenuBox>p.headerMenuTitle,
	.headerMenuBox>a.headerMenuTitle {
		display: inline-block;
		font-size: 2rem;
		line-height: 100%;
		color: #0c4a85;
		text-decoration: none;
		font-family: 'Roboto Condensed', sans-serif;
		margin-top: 0;
	}

	.headerMenuBox>a {
		display: inline-block;
		margin-top: 1rem;
		color: #333333;
		text-decoration: none;
	}

	.headerMenuBox2 {
		margin-top: 1.4rem;
	}

	.headerMenuBox2>a {
		display: inline-block;
		width: 9rem;
		height: 1.6rem;
		line-height: 1.4rem;
		font-size: 0.9rem;
		margin-top: 0.6rem;
		color: #0c4a85;
		text-decoration: none;
		border: 1px #0c4a85 solid;
		border-radius: 0.8rem;
	}

	.headerMenuBox2>a.btnLngChg {
		color: #ffffff;
		background-color: #0c4a85;
	}

	.headerMenuBox2>a.btnLngChg > span:nth-of-type(1) {
		opacity: 1;
	}

	.headerMenuBox2>a.btnLngChg > span:nth-of-type(2) {
		opacity: 0.5;
	}


	.headerMenuBox3 {
		margin-top: 1.4rem;
	}

	.headerMenuBox3>a {
		display: inline-block;
		font-size: 1.2rem;
		line-height: 100%;
		color: #0c4a85;
		text-decoration: none;
		font-family: 'Roboto Condensed', sans-serif;
	}

	/* Footer */
	.footerSpacer {
		width: 100%;
		height: 6rem;
	}

	.footer {
		width: 100%;
		padding: 1rem 0;
		overflow: hidden;
	}

	.footerLogo {
		display: block;
		width: 40vw;
		margin-left: 1rem;
	}

	.footerTitle {
		display: block;
		width: 80vw;
		margin-top: 1rem;
		margin-left: 1rem;
	}

	.footerUOsakaLogo {
		display: block;
		width: 6rem;
		margin-top: 2rem;
		margin-left: 1rem;
	}

	.btnPgTop {
		width: 4rem;
		height: 4rem;
		position: absolute;
		bottom: 0.5rem;
		right: -0.6rem;
	}
}

/*===================================================================
  PC  display:none; 
===================================================================*/
@media(min-width:800px) {
	.sp {
		display: none !important;
	}

	.pc {
		display: block;
	}

	/* COMMON */
	html {
		width: 100%;
		font-size: 18px;
	}

	body {
		width: 100%;
	}

	#waveCanvas {
		width: 100%;
		height: 100%;
	}

	.contentsWrapper {
		width: 100%;
		padding-top: 5rem;
	}

	.pageTitleArea {
		/*min-height: 14rem;*/
		background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(226, 252, 255, 1));
		margin-bottom: 6rem;
	}

	.pageTitleCenter {}

	.pageTitleCenter {
		width: 100%;
		padding-bottom: 6rem;
		/*position: absolute;*/
		top: 6rem;
		left: 0;
	}

	.pageTitleCenter>p {
		width: 100%;
		color: #0c4a85;
		line-height: 100%;
		text-align: center;
	}

	.pageTitleCenter>p:nth-of-type(1) {
		font-size: 3.4rem;
		font-weight: 200;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.pageTitleCenter>p:nth-of-type(2) {
		padding-top: 0.6rem;
	}

	.pageTitle {
		width: 80%;
		margin: 0 auto;
		padding-top: 2rem;
	}

	.pageTitle>p:nth-of-type(1) {
		display: inline-block;
		width: 10rem;
		padding-left: 0.6rem;
		color: #ffffff;
		font-weight: 200;
		font-family: 'Roboto Condensed', sans-serif;
		background-color: #0c4a85;
		line-height: 160%;
	}

	.pageTitle>p:nth-of-type(2) {
		font-size: 3rem;
		color: #0c4a85;
		line-height: 160%;
		font-weight: 200;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.pageTitle2 {
		width: 80%;
		margin: 0 auto;
		padding-top: 3rem;
	}

	.pageTitle2>p {
		font-size: 3rem;
		color: #0c4a85;
		line-height: 160%;
		font-weight: 200;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.indexPageBox01 {
		max-width: 960px;
		margin: auto;
		padding: 0 1rem;
	}

	.indexPageBox02 {
		width: 100%;
		padding: 0 1rem;
	}

	.indexPageBox02>p {
		font-size: 2.4rem;
		color: #0c4a85;
		line-height: 140%;
		text-align: center;
		font-weight: 100;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.indexPageBtn {
		width: 100%;
		padding-top: 2rem;
		padding-bottom: 14rem;
		display: flex;
		justify-content: center;
	}

	.indexPageBtn>a {
		display: flex;
		justify-content: center;
		justify-content: center;
		align-items: center;
		width: 22rem;
		height: 8rem;
		margin: 1rem;
		color: #ffffff;
		font-size: 1.2rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 0.8rem;
	}

	/* NEWS */
	.newsYear {
		width: 100%;
	}

	.newsYear>p {
		width: 100%;
		font-size: 3rem;
		color: #0c4a85;
		line-height: 100%;
		text-align: center;
		font-weight: 200;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.newsArea {
		width: 100%;
		margin-bottom: 3rem;
	}

	.newsWrapper {
		width: 100%;
		padding: 2rem 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(24rem, 24rem));
		gap: 1rem;
		justify-content: center;
	}

	.newsBox {
		display: block;
		width: 100%;
		position: relative;
		padding: 0.8rem 1rem 1rem 1rem;
		text-decoration: none;
		background-color: #e7edf3;
		border-radius: 1rem;
	}

	.newsBox>p {
		line-height: 160%;
	}

	.newsBox>p:nth-of-type(1) {
		font-weight: 100;
		color: #333333;
		line-height: 100%;
		padding-bottom: 1rem;
	}

	.newsBox>p:nth-of-type(2) {
		color: #333333;
	}

	.newsBox>p:nth-of-type(2)>a {
		color: #0c4a85;
		text-decoration: none;
	}

	.newsBox:before {
		content: '';
		display: block;
		width: 1.2rem;
		height: 1.2rem;
		position: absolute;
		top: 0.8rem;
		right: 0.8rem;
		background-image: url(../img/iconBlueArrowR.svg);
		background-size: contain;
	}

	/* ACTIVITY */
	.activityBox101 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 1rem;
	}

	.activityBox101>p {
		display: block;
		width: 100%;
		font-size: 2.4rem;
		color: #0c4a85;
		line-height: 140%;
		text-align: center;
		font-weight: 100;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.activityBox101>p>span {
		font-weight: 100;
	}

	.activityBox102 {
		max-width: 800px;
		margin: 0 auto;
		margin-top: 2rem;
	}

	.activityBox102>a {
		position: relative;
		display: block;
		width: 100%;
		height: 4rem;
		font-size: 1.4rem;
		font-weight: 300;
		color: #ffffff;
		line-height: 4rem;
		text-align: center;
		text-decoration: none;
		background-color: #0c4a85;
		border-radius: 0.6rem;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.activityBox102>a>i {
		display: inline-block;
		width: 1.4rem;
		margin-left: 1rem;
		position: absolute;
		top: 1.4rem;
	}

	.activityBox103 {
		max-width: 800px;
		margin: 0 auto;
		margin-top: 2rem;
		display: flex;
		justify-content: center;
		justify-content: center;
		align-items: center;
	}

	.activityBox103>div:nth-of-type(1) {
		width: 30%;
		padding: 0 0.5rem;
	}

	.activityBox103>div:nth-of-type(2) {
		width: 5%;
	}

	.activityBox103>div:nth-of-type(3) {
		width: 30%;
		padding: 0 0.5rem;
	}

	.activityBox103>div:nth-of-type(4) {
		width: 5%;
	}

	.activityBox103>div:nth-of-type(5) {
		width: 30%;
		padding: 0 0.5rem;
	}

	.activityBox103>div>p {
		width: 100%;
		font-size: 2rem;
		color: #0c4a85;
		text-align: center;
		font-weight: 600;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.activityBox104 {
		width: 100%;
		margin-top: 6rem;
		padding-top: 5vw;
		padding-bottom: 38vw;
		background-size: contain;
		background-position: center bottom;
		background-color: #0c4a85;
	}

	.activityBox104>p {
		display: block;
		width: 100%;
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 180%;
		text-align: center;
		font-weight: 200;
		margin-bottom: 0.2rem;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.activityBox104>p>span {
		font: optional;
	}

	.activityBox201 {
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 0 1rem;
	}

	.activityBox201>p {
		text-align: center;
	}

	.activityBox202 {
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 0 1rem;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1.6rem;
	}

	.activityBox202>a {
		display: block;
		width: 100%;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.activityBox202>a>div {
		width: 100%;
		height: 14rem;
		background-size: cover;
		background-position: center bottom;
	}

	.activityBox202>a>p {
		padding: 0.6rem 1rem;
		color: #333333;
	}

	.hrdBox101 {
		max-width: 1200px;
		margin: auto;
		margin-top: 3rem;
		padding: 0 1rem;
	}

	.hrdBox101>p {
		font-size: 1.8rem;
		font-weight: 200;
		line-height: 140%;
		text-align: center;
		color: #0c4a85;
	}

	.hrdBox101>p>span {
		font-size: 1.4rem;
		font-weight: inherit;
	}

	.hrdBox102 {
		max-width: 900px;
		margin: auto;
		padding: 0 1rem;
	}

	.hrdBox102>p {
		text-align: center;
	}

	.hrdBox102>div {
		margin-top: 1rem;
		background-color: #e7edf3;
		padding: 1.2rem 1rem;
		border-radius: 1.5rem;
		display: flex;
		align-items: center;
	}

	.hrdBox102>div>p {
		line-height: 160%;
	}

	.hrdBox102>div>p:nth-of-type(1) {
		width: 4rem;
		font-size: 4rem;
		font-weight: 200;
		line-height: 100%;
		text-align: center;
		color: #0c4a85;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.hrdBox102>div>p:nth-of-type(2) {
		flex: 1;
		padding: 0.5rem 0;
		padding-left: 0.5rem;
	}

	.hrdBox102 > div > p:nth-of-type(2) > span {
		display: block;
		font-weight: bold;
	}

	.hrdBox103 {
		max-width: 960px;
		margin: auto;
		margin-top: 5rem;
		padding: 0 1rem;
	}

	.hrdBox103>p {
		text-align: center;
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 160%;
	}

	/* ABOUT US */
	.aboutBox101 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 1rem;
		padding-top: 2rem;
		display: flex;
	}

	.aboutBox101>p:nth-of-type(1) {
		display: block;
		width: 40%;
		font-size: 2.4rem;
		color: #0c4a85;
		line-height: 180%;
		font-weight: 600;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
		text-align: right;
		padding-right: 3rem;
		padding-top: 0.4rem;
		line-height: 100%;
	}

	.aboutBox101>p:nth-of-type(2) {
		display: block;
		flex: 1;
	}

	.aboutBox102 {
		width: 100%;
		height: 34vw;
		margin-top: 5rem;
		margin-bottom: 5rem;
		background-size: cover;
		background-position: center bottom;
	}

	.aboutBox201 {
		max-width: 960px;
		margin: 0 auto;
		padding: 0 1rem;
	}

	.aboutBox202 {
		max-width: 960px;
		margin: 0 auto;
		margin-top: 4rem;
		padding: 0 1rem;
		display: flex;
		align-items: center;
	}

	.aboutBox202L {
		width: 300px;
		min-height: 160px;
		border: 1px #bababa solid;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 2rem;
	}

	.aboutBox202L>img {}

	.aboutBox202R {
		flex: 1;
		padding-left: 2rem;
	}

	.aboutBox202R>p:nth-of-type(1) {
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 140%;
	}

	.aboutBox202R>p:nth-of-type(2) {
		margin-top: 0.8rem;
		margin-bottom: 0.8rem;
		line-height: 180%;
	}

	.aboutBox202Rlink {
		margin-top: 1rem;
	}

	.aboutBox202Rlink>a {
		position: relative;
		display: inline-block;
		width: 10rem;
		height: 2rem;
		margin-right: 0.2rem;
		margin-bottom: 0.4rem;
		padding: 0 1rem;
		color: #ffffff;
		line-height: 2rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1rem;
	}

	.aboutBox301 {
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 0.5rem;
		padding: 0 1rem;
		display: flex;
	}

	.aboutBox301 p {
		line-height: 175%;
	}

	.aboutBox301>div:nth-of-type(1) {
		width: 256px;
	}

	.aboutBox301>div:nth-of-type(1)>p {
		width: 192px;
		height: 192px;
		font-size: 1.4rem;
		line-height: 120%;
		color: #ffffff;
		padding: 1rem 1.4rem;
		background-color: #0c4a85;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
		font-weight: 200;
	}

	.aboutBox301>div:nth-of-type(2) {
		flex: 1;
		border-top: 1px #bababa solid;
	}

	.aboutBox302 {
		width: 100%;
		padding: 1rem 0;
		display: flex;
		border-bottom: 1px #bababa solid;
	}

	.aboutBox302>div:nth-of-type(1) {
		width: 12rem;
	}

	.aboutBox302>div:nth-of-type(1)>p {
		font-weight: bold;
	}

	.aboutBox302>div:nth-of-type(2) {
		flex: 1;
	}

	.aboutBox303 {
		width: 100%;
		display: flex;
		padding-bottom: 0.8rem;
	}

	.aboutBox303>p:nth-of-type(1) {
		width: 12rem;
	}

	.aboutBox303>p:nth-of-type(2) {
		flex: 1;
	}

	.aboutBox303>p:nth-of-type(2) > span {
		font-size: 0.875rem;
	}

	/* MEMBER */
	.memberBox101 {
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 0.5rem;
		padding: 0 1rem;
		display: flex;
	}

	.memberBox101>div:nth-of-type(1) {
		width: 256px;
	}

	.memberBox101>div:nth-of-type(1)>p {
		width: 192px;
		height: 192px;
		font-size: 1.4rem;
		line-height: 120%;
		color: #ffffff;
		padding: 1rem 1.4rem;
		background-color: #0c4a85;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
		font-weight: 200;
	}

	.memberBox101>div:nth-of-type(2) {
		flex: 1;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}

	.memberBox102 {
		display: block;
		width: 100%;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.memberBox102>div {
		width: 100%;
		height: 18rem;
		background-size: cover;
		background-position: center bottom;
	}

	.memberBox102>p {
		line-height: 120%;
		text-align: center;
	}

	.memberBox102>p:nth-of-type(1) {
		font-size: 1.6rem;
		color: #333333;
		padding: 1rem 0.6rem 0 0.6rem;
		font-weight: bold;
	}

	.memberBox102>p:nth-of-type(2) {
		color: #333333;
		padding: 0.6rem 0.6rem 0 0.6rem;
		font-weight: 200;
		font-size: 1rem;
		line-height: 140%;
	}

	.memberBox102>p:nth-of-type(3) {
		color: #0c4a85;
		padding: 0.3rem 0.6rem 1rem 0.6rem;
		font-weight: 200;
		font-size: 0.8rem;
		line-height: 140%;
	}

	.memberBox103 {
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 8rem;
		padding: 0 1rem;
		display: flex;
	}

	.memberBox103>div:nth-of-type(1) {
		width: 256px;
	}

	.memberBox103>div:nth-of-type(1)>p {
		width: 192px;
		height: 192px;
		font-size: 1.4rem;
		line-height: 120%;
		color: #ffffff;
		padding: 1rem 1.4rem;
		background-color: #0c4a85;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
		font-weight: 200;
	}

	.memberBox103>div:nth-of-type(2) {
		flex: 1;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}

	.memberBox104 {
		display: flex;
		width: 100%;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.memberBox104>div:nth-of-type(1) {
		width: 7rem;
		height: 7rem;
		background-size: cover;
		background-position: center bottom;
	}

	.memberBox104>div:nth-of-type(2) {
		flex: 1;
		padding: 1rem;
		padding-top: 0;
	}

	.memberBox104>div:nth-of-type(2)>p {
		line-height: 120%;
	}

	.memberBox104>div:nth-of-type(2)>p:nth-of-type(1) {
		font-size: 1.2rem;
		color: #333333;
		padding-top: 1rem;
		font-weight: bold;
	}

	.memberBox104>div:nth-of-type(2)>p:nth-of-type(1)>span {
		font-size: 0.9rem;
		padding-left: 0.6rem;
	}

	.memberBox104>div:nth-of-type(2)>p:nth-of-type(2) {
		color: #0c4a85;
		padding-top: 0.6rem;
		font-weight: 200;
	}

	.memberBox105 {
		display: flex;
		width: 100%;
		text-decoration: none;
		background-color: #f0f0f0;
	}

	.memberBox105>div:nth-of-type(1) {
		width: 100%;
		padding: 1rem;
		padding-top: 0;
	}

	.memberBox105>div:nth-of-type(1)>p {
		line-height: 120%;
	}

	.memberBox105>div:nth-of-type(1)>p:nth-of-type(1) {
		font-size: 1.2rem;
		color: #333333;
		padding-top: 1rem;
		font-weight: bold;
	}

	.memberBox105>div:nth-of-type(1)>p:nth-of-type(1)>span {
		font-size: 0.8rem;
		padding-top: 0.4rem;
		font-weight: 200;
		display: block;
		line-height: 140%;
	}

	.memberBox105>div:nth-of-type(1)>p:nth-of-type(2) {
		font-size: 0.8rem;
		padding-top: 0.2rem;
		color: #0c4a85;
		font-weight: 200;
		line-height: 140%;
	}

	/* INFO */
	.infoBox101 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 1rem;
	}

	.infoBox101>p {
		text-align: center;
	}

	.infoBox102 {
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 0 1rem;
	}

	.infoBox102>p {
		font-size: 1.4rem;
		text-align: center;
		font-weight: bold;
		line-height: 160%;
	}

	.infoBox103 {
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 2rem;
		padding: 0 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.infoBox103>p:nth-of-type(1) {
		display: inline-block;
		/*width:26rem; height:4rem;*/
		margin: 0 auto;
		font-size: 1.6rem;
		color: #ffffff;
		line-height: 100%;
		text-align: center;
		text-decoration: none;
		background-color: #0c4a85;
		border-radius: 4rem;
		padding: 2rem 5rem;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
	}

	.infoBox103>p:nth-of-type(2) {
		margin-top: 0.5rem;
		text-align: center;
	}

	/* LINK */
	.linkBox101 {
		max-width: 1000px;
		margin: 0 auto;
		margin-top: 0.5rem;
		margin-bottom: 6rem;
		padding: 0 1rem;
		display: flex;
	}

	.linkBox101>div:nth-of-type(1) {
		width: 240px;
	}

	.linkBox101>div:nth-of-type(1)>p {
		width: 192px;
		height: 192px;
		font-size: 1.4rem;
		line-height: 140%;
		color: #ffffff;
		padding: 1rem 1.2rem;
		background-color: #0c4a85;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
		font-weight: 200;
	}

	.linkBox101>div:nth-of-type(2) {
		flex: 1;
		padding-left: 1rem;
	}

	.linkBox101>div:nth-of-type(2)>a {
		display: inline-block;
		margin-bottom: 1rem;
		color: #333333;
		text-decoration: none;
		font-size: 1.2rem;
		font-weight: bold;
	}

	/* HOME */
	.homeLogoArea {
		width: 100%;
	}

	.homeLogoImg {
		width: 48px;
		margin: 0 auto;
		padding-top: 1.4rem;
	}

	.homeLogo {
		width: 320px;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.homeTitleArea {
		width: 100%;
		background-image: linear-gradient(0deg, rgba(12, 74, 133, 1), rgba(226, 252, 255, 1) 50%, rgba(255, 255, 255, 1));
	}

	.wave {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.wave canvas {
		width: 100%;
	}

	.waveSpacer {
		width: 100%;
		height: 16rem;
	}

	.homeTitle {
		padding-top: 4rem;
	}

	.homeTitle>p {
		color: #22215d;
		line-height: 100%;
		text-align: center;
	}

	.homeTitle>p:nth-of-type(1) {
		font-size: 1.2rem;
		font-weight: 500;
	}

	.homeTitle>p:nth-of-type(2),
	.homeTitle>p:nth-of-type(2)>span {
		font-size: 1.4rem;
		font-weight: 500;
		padding-top: 0.6rem;
	}

	.homeNewsTitle {
		padding-top: 3rem;
	}

	.homeNewsTitle>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeNewsTitle>p:nth-of-type(1) {
		font-size: 2rem;
		font-weight: 100;
	}

	.homeNewsTitle>p:nth-of-type(2) {
		font-weight: 300;
		padding-top: 0.2rem;
	}

	.homeNewsArea {
		width: 100%;
		background-color: #0c4a85;
	}

	.homeNewsWrapper {
		width: 100%;
		padding: 2rem 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(24rem, 24rem));
		gap: 1rem;
		justify-content: center;
	}

	.homeNewsBox {
		display: block;
		width: 100%;
		position: relative;
		padding: 0.8rem 1rem 1rem 1rem;
		text-decoration: none;
		background-color: #ffffff;
		border-radius: 1rem;
	}

	.homeNewsBox>p {
		line-height: 160%;
	}

	.homeNewsBox>p:nth-of-type(1) {
		font-weight: 100;
		color: #333333;
		line-height: 100%;
		padding-bottom: 1rem;
	}

	.homeNewsBox>p:nth-of-type(2) {
		color: #333333;
	}

	.homeNewsBox>p:nth-of-type(2)>a {
		color: #0c4a85;
		text-decoration: none;
	}

	/*.homeNewsBox:before{ content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top:0.8rem; right:0.8rem; background-image:url(../img/iconBlueArrowR.svg); background-size:contain; }*/
	.homeNewsBtn {
		width: 16rem;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.homeNewsBtn>a {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 3rem;
		padding: 0 2rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeResearchArea {
		width: 100%;
		height: 60vw;
		padding-top: 8rem;
		padding-bottom: 26rem;
		background-color: #0c4a85;
		background-image: url(../../img/homeResearchAreaBg.jpg);
		background-size: 100% 50vw;
		background-position: center bottom;
	}

	.homeResearchTitle>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeResearchTitle>p:nth-of-type(1) {
		font-size: 3.4rem;
		font-weight: 100;
	}

	.homeResearchTitle>p:nth-of-type(2) {
		font-weight: 300;
		padding-top: 0.2rem;
	}

	.homeResearchStr {
		padding-top: 2rem;
	}

	.homeResearchStr>p {
		font-size: 2rem;
		font-weight: 100;
		color: #ffffff;
		line-height: 140%;
		text-align: center;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.homeResearchBtn {
		width: 100%;
		padding-top: 3rem;
		display: flex;
		justify-content: center;
	}

	.homeResearchBtn>a {
		position: relative;
		display: inline-block;
		width: 24rem;
		height: 3rem;
		padding: 0 2rem;
		margin: 0 0.6rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeResearchTxt {
		width: 700px;
		margin: 0 auto;
		padding-top: 3rem;
	}

	.homeResearchTxt>p {
		color: #ffffff;
	}

	.homeAboutArea {
		width: 100%;
		display: flex;
	}

	.homeAboutArea>div {
		width: 50%;
	}

	.homeAboutArea>div:nth-of-type(1) {
		width: 50%;
		background-image: url(../../img/homeAboutImg.jpg);
		background-size: cover;
		background-position: center;
	}

	.homeAboutArea>div:nth-of-type(2) {
		padding: 2rem 0;
	}

	.homeAboutArea>div:nth-of-type(2)>p {
		line-height: 100%;
		padding-left: 2rem;
	}

	.homeAboutArea>div:nth-of-type(2)>p:nth-of-type(1) {
		color: #0c4a85;
		font-size: 3.4rem;
		font-weight: 200;
	}

	/*.homeAboutArea>div:nth-of-type(2)>p:nth-of-type(2) {
		color: #0c4a85;
		font-weight: 300;
		padding-top: 0.2rem;
	}*/

	.homeAboutArea>div:nth-of-type(2)>p:nth-of-type(2) {
		max-width: 36rem;
		margin-top: 1.5rem;
		line-height: 180%;
		padding-right: 1rem;
	}

	.homeAboutBtn {
		padding-left: 2rem;
		padding-top: 1rem;
	}

	.homeAboutBtn>a {
		display: block;
		width: 24rem;
		height: 3rem;
		padding: 0 2rem;
		margin-top: 0.6rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeMemberArea {
		width: 100%;
		padding: 5rem 0;
		background-color: #0c4a85;
	}

	.homeMemberTitle>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeMemberTitle>p:nth-of-type(1) {
		font-size: 3.4rem;
		font-weight: 100;
	}

	.homeMemberTitle>p:nth-of-type(2) {
		font-weight: 300;
		padding-top: 0.2rem;
	}

	.homeMemberArea p,
	.homeMemberArea a {
		color: #ffffff;
		text-align: center;
		text-decoration: none;
	}

	.homeMemberBtn {
		margin-top: 2rem;
	}

	.homeMemberBtn>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeMemberBtn>a {
		display: block;
		width: 16rem;
		height: 3rem;
		margin: 0 auto;
		margin-top: 2rem;
		color: #ffffff;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		background-color: #ed8a11;
		border-radius: 1.5rem;
	}

	.homeMemberTxt01 {
		font-size: 1.4rem;
		font-weight: 300;
		padding-top: 3rem;
		padding-bottom: 0.2rem;
	}

	.homeMemberTxt02 {
		font-weight: 100;
		padding-top: 0.6rem;
	}

	.homeMemberTxt03 {
		font-weight: 100;
		padding-top: 0.4rem;
	}

	.homeMemberListT1 {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.homeMemberListT1>p,
	.homeMemberListT1>a {
		display: block;
		width: 20rem;
		margin: 0.2rem;
		padding: 1.4rem 2rem;
		line-height: 100%;
		background-color: #245c91;
		border-radius: 1rem;
	}

	.homeMemberListT1>p>span:nth-of-type(1),
	.homeMemberListT1>a>span:nth-of-type(1) {
		display: block;
		font-size: 1.4rem;
		font-weight: 500
	}

	.homeMemberListT1>p>span:nth-of-type(2),
	.homeMemberListT1>a>span:nth-of-type(2) {
		display: block;
		font-size: 0.9rem;
		font-weight: 100;
		padding-top: 0.6rem;
	}

	.homeMemberListT2 {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.homeMemberListT2>p {
		display: block;
		width: 9rem;
		margin: 0.2rem;
		padding: 1rem;
		line-height: 100%;
		background-color: #245c91;
		border-radius: 0.8rem;
	}

	.homeMemberListT2>p>span:nth-of-type(1) {
		display: block;
		font-size: 1rem;
		font-weight: 500;
	}

	.homeMemberListT2>p>span:nth-of-type(2) {
		display: block;
		font-size: 0.8rem;
		font-weight: 100;
		padding-top: 0.4rem;
	}

	.homeMapArea {
		width: 100%;
		height: 36rem;
	}

	.homeMapArea>iframe {
		width: 100%;
		height: 100%;
	}

	.homeFooterArea {
		width: 100%;
		padding: 3rem 0;
		background-color: #0c4a85;
	}

	.homeFooterArea>p {
		color: #ffffff;
		line-height: 100%;
		text-align: center;
	}

	.homeFooterArea>p:nth-of-type(1) {
		font-size: 1.2rem;
		font-weight: 400;
	}

	/*.homeFooterArea>p:nth-of-type(2) {
		font-size: 1.2rem;
		font-weight: 400;
		padding-top: 0.6rem;
	}*/

	.homeFooterArea>p:nth-of-type(2) {
		font-size: 1rem;
		font-weight: 100;
		padding-top: 1rem;
	}

	.homeFooterArea>p:nth-of-type(3)>span {
		font-weight: 100;
	}

	.homeBannerArea {
		width: 100%;
		padding: 3rem 0;
		display: flex;
		justify-content: center;
		justify-content: center;
		align-items: center;
	}

	.homeBannerArea>div {
		margin: 0 1.4rem;
	}

	.homeBannerArea>div:nth-of-type(1) {
		width: 180px;
	}

	.homeBannerArea>div:nth-of-type(2) {
		width: 100px;
	}

	.homeBannerArea>div:nth-of-type(3) {
		width: 90px;
	}

	.homeBannerArea>div:nth-of-type(4) {
		width: 140px;
	}

	.homeBannerArea>div:nth-of-type(5) {
		width: 160px;
	}

	.homeFooterSpacer {
		width: 100%;
		height: 10rem;
		background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(12, 74, 133, 1));
	}

	/* Header */
	.homeHeader {
		width: 100%;
		height: 5rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: +10;
	}

	.homeHeaderL {
		width: 50%;
		height: 5rem;
		padding-right: 4rem;
		text-align: right;
	}

	.homeHeaderR {
		width: 50%;
		padding-right: 2rem;
		text-align: right;
	}

	.homeHeaderL>a {
		display: inline-block;
		padding: 0 1.4rem;
		color: #0c4a85;
		text-decoration: none;
		font-size: 1.125rem;
		font-family: 'Roboto Condensed', sans-serif;
		line-height: 5rem;
	}

	.homeHeaderL>a:hover {
		cursor: pointer;
		opacity: 0.6;
		transition: .4s;
	}

	.homeHeaderR>a {
		display: inline-block;
		height: 1.6rem;
		line-height: 1rem;
		font-size: 0.75rem;
		padding: 0.2rem 0.6rem;
		margin: 0 0.2rem;
		color: #0c4a85;
		text-decoration: none;
		border: 1px #0c4a85 solid;
		border-radius: 0.8rem;
	}

	.homeHeaderR>a.btnLngChg {
		color: #ffffff;
		background-color: #0c4a85;
	}

	.homeHeaderR>a.btnLngChg > span:nth-of-type(1) {
		opacity: 1;
	}

	.homeHeaderR>a.btnLngChg > span:nth-of-type(2) {
		opacity: 0.5;
	}

	.headerMenu {
		width: 100%;
		height: 5rem;
		display: flex;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: +9990;
		background-color: #ffffff;
	}

	.headerLogo {
		width: 12rem;
	}

	.headerLogo>a {
		display: block;
		width: 7.5rem;
		margin: 0 auto;
	}

	.headerLogo>a>img {
		width: 7.5rem;
		height: auto;
	}

	.headerL {
		height: 5rem;
	}

	.headerL>a {
		display: inline-block;
		height: 5rem;
		line-height: 5rem;
		padding: 0 1.4rem;
		color: #0c4a85;
		text-decoration: none;
		font-size: 1.125rem;
		font-family: 'Roboto Condensed', 'Noto Sans JP', 'UD Reimin Medium', 'UD Shin Go NT Medium', sans-serif;
	}

	.headerL>a:hover,
	.headerL>a.now {
		color: #ffffff;
		background-color: #0c4a85;
	}

	.headerR {
		flex: 1;
		padding-right: 2rem;
		text-align: right;
	}

	.headerR>a {
		display: inline-block;
		height: 1.6rem;
		line-height: 1rem;
		font-size: 0.75rem;
		padding: 0.2rem 0.6rem;
		margin: 0 0.2rem;
		color: #0c4a85;
		text-decoration: none;
		border: 1px #0c4a85 solid;
		border-radius: 0.8rem;
	}

	.headerR>a.btnLngChg {
		color: #ffffff;
		background-color: #0c4a85;
	}

	.headerR>a.btnLngChg > span:nth-of-type(1) {
		opacity: 1;
	}

	.headerR>a.btnLngChg > span:nth-of-type(2) {
		opacity: 0.5;
	}

	/* Footer */
	.footerSpacer {
		width: 100%;
		height: 10rem;
	}

	.footer {
		width: 100%;
		height: 6rem;
		overflow: hidden;
		display: flex;
        align-items: center;
	}

	.footerLogo {
		display: inline-block;
		width: 160px;
		margin-left: 2rem;
	}

	.footerTitle {
		display: inline-block;
		width: 20rem;
		margin-left: 1rem;
	}

	.footerUOsakaLogo {
		display: block;
		width: 6rem;
		position: absolute;
		right: 6rem;
	}

	.btnPgTop {
		width: 4rem;
		height: 4rem;
		position: absolute;
		right: -0.6rem;
	}

	.btnPgTop:hover {
		cursor: pointer;
		opacity: 0.7;
		transition: .4s;
	}
}