@charset "UTF-8";
/* CSS Document */

/*
.p_ja {font-family:'Zen Kaku Gothic New', sans-serif;}
font-weight:400,500;
.p_eng {font-family:'IBM Plex Sans', sans-serif;}
font-weight:300,400;font-style:italic;
*/

/*フレーム
.sec {margin:0 auto;}
@media screen and (min-width:1440px){
	.sec {width:1280px;margin:0 auto;}}
@media screen and (max-width:1440px){
	.sec {width:88.88vw;margin:0 auto;}}
@media screen and (max-width: 768px){
	.sec {width:80.46vw;margin:0 auto;}}
*/



body {background-image:linear-gradient(120deg, rgba(244, 254, 255, 1) 10%, rgba(255, 255, 255, 0)), linear-gradient(187deg, rgba(132, 202, 224, 1) 10%, rgba(255, 255, 255, 0)), linear-gradient(340deg, rgba(101, 169, 202, 1), rgba(255, 255, 255, 0));}




/* ローディング画面*/
#loading_ingura {
    z-index:999;position:fixed;
	width:100%;height:100vh;
	background-image:linear-gradient(120deg, rgba(244, 254, 255, 1) 10%, rgba(255, 255, 255, 0)), linear-gradient(187deg, rgba(132, 202, 224, 1) 10%, rgba(255, 255, 255, 0)), linear-gradient(340deg, rgba(101, 169, 202, 1), rgba(255, 255, 255, 0));
	display:flex;
	/* 水平方向中央寄せ */
	justify-content: center;
	/* 垂直方向中央寄せ */
	align-items: center;
}
.spinner {
	width:20px;height:20px;
	border:2px solid #fff;
	border-top:2px solid transparent;
	border-radius:50%;
	animation:spin 0.3s linear 0s infinite;
}
@keyframes spin {
	from {transform: rotate(0);}
	to{transform: rotate(359deg);}
}


/*画面遷移アニメーション*/
.splashbg{display:none;}
/*bodyにappearクラスがついたら出現*/
body.appear .splashbg{
    display:block;
    content:"";
    position:fixed;
	z-index:999;
    width:100%;
    height:100vh;
    top:0;
	left:0;
    transform:scaleY(0);
    background:#fff;/*伸びる背景色の設定*/
	animation-name:PageAnime;
	animation-duration:0.4s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
}
@keyframes PageAnime{
	0% {transform-origin:bottom;transform:scaleY(1);}
	100% {transform-origin:bottom;transform:scaleY(0);}
}

/* メインコンテンツ出現 */
/* はじめは透過0に */
.wrap {opacity:0;}
/* bodyにappearクラスがついたら出現 */
body.appear .wrap {opacity:1;}






.sec_D {max-width:853px;margin:0 auto;
	margin-top:100px;margin-bottom:150px;}
@media screen and (max-width: 768px){
	.sec_D {width:100%;margin:0 auto;
		margin-top:15.62vw;margin-bottom:19.53vw;}
}

.staff_contents {width:90%;margin:0 auto;
	padding:5%;
	background:#fff;
	border-radius:15px;
	box-shadow:20px 25px 28px 0 rgba(58, 102, 131, 0.2);}
@media screen and (max-width: 768px){
	.staff_contents {padding:5% 5% 10%;border-radius:1.95vw;
		box-shadow:2.60vw 3.25vw 3.64vw 0 rgba(58, 102, 131, 0.2);}
}

.staff_top {margin-top:80px;}

h1, .staff_txt, .article_txt {color:#3a6683;}

h1 {font-weight:500;font-size:25px;
	line-height:1;text-align:left;
	letter-spacing:0.03em;
	margin-bottom:50px;}
.staff_txt {font-weight:400;font-size:18px;
	line-height:2;text-align:left;
	letter-spacing:0.03em;}
@media screen and (max-width: 768px){
	.staff_top {margin-top:10.41vw;}
	h1 {font-size:4.68vw;
		letter-spacing:0.03em;
		margin-bottom:6.51vw;}
	.staff_txt {font-size:3.25vw;
		letter-spacing:0.03em;}
}

.article_txt {margin-top:100px;margin-bottom:150px;}

.article_txt p {font-weight:400;font-size:16px;
	line-height:2.2;text-align:justify;
	letter-spacing:-0.04em;}
@media screen and (max-width: 768px){
	.article_txt {margin-top:13.02vw;margin-bottom:19.53vw;}
	.article_txt p {font-size:3.90vw;
		letter-spacing:-0.03em;}
}



.rltd_page {display:block;font-weight:400;
	font-size:16px;}
.rltd_page span {font-weight:400;}
.rltd_page li:not(:last-child) {margin-bottom:10px;}
@media screen and (max-width: 768px){
	.rltd_page {font-size:3.125vw;}
	.rltd_page li:not(:last-child) {margin-bottom:3.25vw;}
}
.rltd_page p a {display:inline-block;
	position:relative;overflow:hidden;}
.rltd_page p a:after {position:absolute;
	bottom:0;left:0;width:100%;height:1px;
	background-color:#000;
	transform:translate(-100%, 0);
	transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	content:"";}
.rltd_page p a:hover:after {
	transform:translate(0, 0);}
@media screen and (max-width: 768px){
	.rltd_page p a:hover:after {display:none;}}