@charset "utf-8";

/* Base Start */

* {
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,textarea {
	display:block;
}

img {
  border:0;
  vertical-align:top;
}

em,address {
	font-style:normal;
}

body {
	color:#000;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	font-size:100%;
	text-align:center;
}

.eng {
	font-family:Futura, sans-serif;
}

a {
	color:#426377;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#426377;
	text-decoration:underline;
}

#anc-wrapper {
	width:100%;
	overflow:hidden;
}

/* Base End */

/* Clearfix Start */

.clearfix::after {
	content:"";
	display:block;
	clear:both;
}

/* Clearfix End */

/* Header Start */

#upper {}

#header {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	margin:21px 151px 0 0;
	height:98px;
}

#header strong {
	display:inline-block;
	margin-right:auto;
	padding-left:29px;
}

#header ul {
	display:-webkit-flex;
	display:flex;
	list-style-type:none;
}

#header ul li {
	padding:0 26px;
	line-height:0;
	font-size:0;
}

#header ul li a {
	display:block;
	text-decoration:none;
	color:#000;
}

#header ul li a em {
	display:block;
	line-height:15px;
	font-size:15px;
}

#header ul li a span {
	display:block;
	padding-top:8px;
	line-height:10px;
	font-size:10px;
}

#header ul li a:hover em,
#header ul li.current a em,
#header ul li.current a:hover em {
	color:#ccc;
}

#header ol {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	padding:0 20px 0 6px;
	list-style-type:none;
}

#header ol li {
	padding:0 13px;
}

#floating-contact {
	z-index:100;
	position:fixed;
	right:0;
	top:0;
	width:151px;
	height:119px;
}

#floating-contact a {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-content:center;
	align-content:center;
	background-color:#426377;
	width:100%;
	height:100%;
	line-height:0;
	font-size:0;
}

#floating-contact a:hover {
	opacity:.8;
}

#floating-contact a img {
	margin:0 auto;
}

#floating-contact a em {
	display:block;
	padding-top:15px;
	color:#cbecfb;
	line-height:13px;
	font-size:13px;
	font-weight:bold;
}

#mv {
	position:relative;
}

#mv>img,
#mv>video {
	z-index:1;
	display:block;
	width:100%;
	height:auto;
}

#mv-head {
	z-index:10;
	position:absolute;
	left:0;
	top:0;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	width:100%;
	height:100%;
}

h1 {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-content:center;
	align-content:center;
	background-color:rgba(65,99,119,.9);
	border-radius:50%;
	width:232px;
	height:232px;
	line-height:0;
	font-size:0;
}

h1 img {
	margin:0 auto;
}

h1 span {
	display:block;
}

.sub-h1 {
	z-index:100;
	position:absolute;
	left:calc(50% - 116px);
	top:calc(100% - 105px);
	color:#fff;
}

.sub-h1 em {
	display:block;
	padding:28px 0 10px 0;
	line-height:32px;
	font-size:32px;
}

.sub-h1 span {
	display:block;
	line-height:16px;
	font-size:16px;
}

#nav-toggle,
#mv-head>strong,
#gnavi {
	display:none;
}

#loader-bg {
	z-index:999999999;
	position:fixed;
	left:0;
	top:0;
	display:none;
	background-color:#000;
	width:100%;
	height:100%;
}

#loader {
	z-index:1000000000;
	position:fixed;
	left:50%;
	top:50%;
	display:none;
	margin:-100px 0 0 -100px;
	width:200px;
	height:200px;
}

#loader p {
	padding-top:20px;
	color:#fff;
	line-height:20px;
	font-size:20px;
}

@media only screen and (max-width : 1199px) {
	#header {
		display:none;
	}
	
	#mv>img {
		height:394px;
		object-fit:cover;
	}
	
	#mv-head>strong {
		position:absolute;
		left:20px;
		top:15px;
		display:inline-block;
	}
	
	#nav-toggle {
		z-index:100000;
		position:absolute;
		right:16px;
		top:25px;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-align-items:center;
		align-items:center;
		background-color:#426377;
		width:64px;
		height:51px;
	}
	
	#nav-toggle div {
		position:relative;
		cursor:pointer;
		width:37px;
		height:24px;
	}
	
	#nav-toggle div span {
		position:absolute;
		left:0;
		display:block;
		width:100%;
		height:4px;
		background-color:#fff;
		-webkit-transition:.35s ease-in-out;
		-moz-transition:.35s ease-in-out;
		transition:.35s ease-in-out;
	}
	
	#nav-toggle div span:nth-child(1) {
		top:0;
	}
	
	#nav-toggle div span:nth-child(2) {
		top:10px;
	}
	
	#nav-toggle div span:nth-child(3) {
		top:20px;
	}
	
	.open #nav-toggle {
		background-color:transparent;
	}
	
	.open #nav-toggle div span:nth-child(1) {
		top:9px;
		transform:rotate(315deg);
	}
	
	.open #nav-toggle div span:nth-child(2) {
		width:0;
		left:50%;
	}
	
	.open #nav-toggle div span:nth-child(3) {
		top:9px;
		transform:rotate(-315deg);
	}
	
	#gnavi {
		z-index:10000;
		position:absolute;
		left:0;
		bottom:100%;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
		padding:24px 0 44px 0;
		background-color:#3e5d71;
		width:100%;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
	}
	
	#gnavi>strong {
		display:block;
		margin:0 auto 44px auto;
	}
	
	#gnavi>strong a {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-align-content:center;
		align-content:center;
		color:#fff;
		border:2px solid #fff;
		border-radius:50%;
		width:186px;
		height:186px;
		line-height:0;
		font-size:0;
		text-decoration:none;
	}
	
	#gnavi>strong a img {
		margin:0 auto;
	}
	
	#gnavi>strong a span {
		display:block;
		padding-top:8px;
		line-height:16px;
		font-size:13px;
	}
	
	#gnavi ul {
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:center;
		justify-content:center;
		padding-bottom:56px;
		list-style-type:none;
	}
	
	#gnavi ul li {
		padding:0 42px;
		line-height:0;
		font-size:0;
	}
	
	#gnavi ul li+li {
		position:relative;
		margin-left:1px;
	}
	
	#gnavi ul li+li::before {
		position:absolute;
		left:-1px;
		top:calc(50% - 19px);
		display:block;
		background-color:#fff;
		width:1px;
		height:38px;
		content:"";
	}
	
	#gnavi ul li a {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	
	#gnavi ul li a em {
		display:block;
		line-height:15px;
		font-size:15px;
	}
	
	#gnavi ul li a span {
		display:block;
		padding-top:8px;
		line-height:10px;
		font-size:10px;
	}
	
	#gnavi ul li a:hover,
	#gnavi ul li.current a,
	#gnavi ul li.current a:hover {
		color:#67ae31;
	}
	
	#gnavi ol {
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-align-items:center;
		align-items:center;
		list-style-type:none;
	}
	
	#gnavi ol li {
		padding:0 24px;
	}
	
	.open #gnavi {
		transform:translateY(100%);
	}
}

@media screen and (min-width : 768px) and (max-width : 1199px) {
	#floating-contact {
		top:calc(100% - 124px);
		width:100%;
		height:124px;
	}
	
	#floating-contact a img {
		display:none;
	}
	
	#floating-contact a em {
		position:relative;
		display:inline-block !important;
		margin:0 auto;
		padding:0 80px;
		line-height:1em;
		font-size:calc(3em + 3.5vw);
	}
	
	#floating-contact a em::before {
		position:absolute;
		left:0;
		top:calc(50% - 15px);
		display:block;
		background:url(../common_images/mail_sp.png) no-repeat;
		width:44px;
		height:30px;
		content:"";
	}
}

@media only screen and (max-width : 767px) {
	#floating-contact {
		top:calc(100% - 70px);
		width:100%;
		height:70px;
	}
	
	#floating-contact a img {
		display:none;
	}
	
	#floating-contact a em {
		position:relative;
		display:inline-block !important;
		margin:0 auto;
		padding:0 40px;
		line-height:1em;
		font-size:calc(3em + 3.5vw);
	}
	
	#floating-contact a em::before {
		position:absolute;
		left:0;
		top:calc(50% - 8px);
		display:block;
		background:url(../common_images/mail_sp.png) no-repeat;
		background-size:22px 15px;
		width:22px;
		height:15px;
		content:"";
	}
	
	#gnavi {
		padding:24px 0 22px 0;
	}
	
	#gnavi>strong {
		margin:0 auto 22px auto;
	}
	
	#gnavi ul {
		padding-bottom:28px;
	}
	
	#gnavi ul li {
		padding:0 21px;
	}
	
	#gnavi ul li a em {
		line-height:14px;
		font-size:14px;
	}
	
	#gnavi ol li {
		padding:0 12px;
	}
	
	.sub-h1 {
		position:static;
	}
}

/* Header End */

/* Main Start */

#contents {}

.cont-2nd-level {
	border-bottom:1px solid #ccc;
}

.topic-path {
	margin-bottom:40px;
	padding:10px 17px;
	background-color:#fdf9ee;
}

.topic-path ul {
	display:-webkit-flex;
	display:flex;
	list-style-type:none;
}

.topic-path ul li {
	margin-right:9px;
	line-height:18px;
	font-size:13px;
	text-align:left;
}

.topic-path ul li a {
	position:relative;
	padding-right:17px;
}

.topic-path ul li a::after {
	position:absolute;
	right:0;
	top:calc(50% - 4px);
	display:block;
	box-sizing:border-box;
	width:8px;
	height:8px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	transform:rotate(45deg);
	content:"";
}

.more {
	display:block;
	width:auto;
}

.more a {
	display:inline-block;
	line-height:15px;
	font-size:15px;
}

.more a::before {
	display:block;
	margin-bottom:6px;
	box-sizing:border-box;
	border-top:2px solid #67ae31;
	border-right:2px solid #67ae31;
	width:36px;
	height:36px;
	transform:rotate(45deg) translateX(-50%);
	content:"";
}

.container {
	margin:0 auto;
	width:1190px;
}

.h2-big-subtitle {
	padding:148px 0 28px 0;
	line-height:0;
	font-size:0;
}

.h2-big-subtitle strong {
	display:block;
	color:#3f6377;
	line-height:48px;
	font-size:40px;
	font-weight:normal;
}

.h2-big-subtitle em {
	display:block;
	padding-top:18px;
	color:#999;
	line-height:19px;
	font-size:16px;
	font-weight:normal;
}

@media screen and (min-width : 768px) and (max-width : 1199px) {
	.container {
		width:750px;
	}
	
	.h2-big-subtitle {
		padding:111px 0 21px 0;
	}
}

@media only screen and (max-width : 767px) {
	.container {
		width:90%;
	}
	
	.h2-big-subtitle {
		padding:74px 0 14px 0;
	}
	
	
}

/* Main End */

/* Footer Start */

#lower {}

#footer {
	padding-bottom:36px;
}

#footer div {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	padding:32px 0 36px 0;
}

#footer div ul {
	display:-webkit-flex;
	display:flex;
	list-style-type:none;
}

#footer div ul li {
	padding:0 26px;
	line-height:0;
	font-size:0;
}

#footer div ul li a {
	display:block;
	color:#000;
	text-decoration:none;
}

#footer div ul li a em {
	display:block;
	line-height:15px;
	font-size:15px;
}

#footer div ul li a span {
	display:block;
	padding-top:8px;
	line-height:10px;
	font-size:10px;
}

#footer div ul li a:hover em,
#footer div ul li.current a em,
#footer div ul li.current a:hover em {
	color:#ccc;
}

#footer div ol {
	display:-webkit-flex;
	display:flex;
	padding-left:6px;
	list-style-type:none;
}

#footer div ol li {
	padding:0 13px;
}

#footer h2 {
	padding-bottom:20px;
}

#footer small {
	display:block;
	color:#333;
	line-height:10px;
	font-size:10px;
}

@media only screen and (max-width : 1189px) {
	
}


@media screen and (min-width : 768px) and (max-width : 1189px) {
	#lower {
		padding-bottom:124px;
	}
	
	#footer {
		padding-bottom:27px;
	}
	
	#footer div {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:24px 0 27px 0;
	}
	
	#footer div ol {
		padding:25px 0 0 0;
	}
	
	#footer h2 {
		padding-bottom:15px;
	}
}

@media only screen and (max-width : 767px) {
	#lower {
		padding-bottom:70px;
	}
	
	#footer {
		padding-bottom:18px;
	}
	
	#footer div {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:16px 0 18px 0;
	}
	
	#footer div ul {
		display:none;
	}
	
	#footer div ol {
		padding:0 0 0 0;
	}
	
	#footer h2 {
		padding-bottom:10px;
	}
}

/* Footer End */

/* Pagetop Button Start */

#pagetop {
	z-index:101;
	position:fixed;
	right:0;
	bottom:15%;
}

#pagetop img {
	border:1px solid #000;
	border-right:0px;
}

#pagetop a:hover {
	opacity:.8;
}

/* Pagetop Button End */

/* Top Page (index.html) Start */

.top-h1 span {
	padding-top:10px;
	color:#f3f8f2;
	line-height:19px;
	font-size:16px;
	font-variant:normal;
}

.vwrite-h2-box {
	border-bottom:1px solid #ccc;
}

.vwrite-h2-box ul {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	list-style-type:none;
}

.vwrite-h2-base {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	background-color:#fdf9ee;
	width:61px;
}

.vwrite-h2-base h2 {
	margin-right:auto;
}

.list-button {
	-webkit-flex-grow:1;
	flex-grow:1;
}

.list-button ul {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	list-style-type:none;
}

.list-button ul>li:nth-child(1) {
	-webkit-flex-grow:1;
	flex-grow:1;
	padding:22px 0 22px 34px;
	background-color:none;
	width:auto !important;
}

.list-button ul>li:nth-child(1)>ol {
	list-style-type:none;
}

.list-button ul>li:nth-child(1)>ol>li {
	padding:8px 0;
}

.list-button ul>li:nth-child(1)>ol>li dl {
	display:-webkit-flex;
	display:flex;
	line-height:19px;
	font-size:16px;
	text-align:left;
}

.list-button ul>li:nth-child(1)>ol>li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:7em;
}

.list-button ul>li:nth-child(1)>ol>li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
}

.list-button ul>li:nth-child(2) {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	width:83px;
}

.list-button ul>li:nth-child(2) em {
	margin:0 auto;
	padding-top:20px;
}

.top-chara {
	padding:156px 0 0px 0;
}

.top-chara ul {
	list-style-type:none;
}

.top-chara ul li {
	padding-bottom:140px;
}

.top-chara ul li dl {
	display:-webkit-flex;
	display:flex;
}

.top-chara ul li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:53%;
}

.top-chara ul li dl dt img {
	width:100%;
	height:auto;
}

.top-chara ul li dl dd {
	position:relative;
	-webkit-flex-grow:1;
	flex-grow:1;
	margin:0 60px;
	text-align:left;
}

.top-chara ul li:nth-child(odd) dl dd {
	order:-1;
}

.top-chara ul li dl dd h2 {
	margin-top:-4px;
	color:#416377;
	line-height:48px;
	font-size:40px;
	font-weight:normal;
}

.top-chara ul li dl dd h3 {
	padding:20px 0;
	line-height:31px;
	font-size:22px;
}

.top-chara ul li dl dd p {
	padding-bottom:24px;
	line-height:22px;
	font-size:16px;
}

.top-chara ul li dl dd em {
	margin:0 auto;
	padding-top:20px;
	text-align:center;
}

.top-chara ul li dl dd .green {
	z-index:-1;
	position:absolute;
	left:-60px;
	top:-130px;
	width:618px;
	height:auto;
}

.top-chara ul li dl dd .green img {
	width:618px;
	object-fit:cover;
}

.top-chara ul li dl dd .blue {
	z-index:-1;
	position:absolute;
	right:-60px;
	top:-84px;
	width:606px;
	height:auto;
}

.top-chara ul li dl dd .blue img {
	width:606px;
	object-fit:cover;
}

.event-movie {
	border-bottom:1px solid #ccc;
}

.event-movie h2 {
	margin-left:44px;
	padding-bottom:48px;
	color:#416377;
	font-size:40px;
	font-weight:normal;
	text-align:left;
}

.event-movie-inner {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	margin-left:44px;
	padding-bottom:120px;
	width:100%;
}

.em-items ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	list-style-type:none;
}

.em-items ul li {
	position:relative;
	margin-right:32px;
	padding-bottom:32px;
	max-width:413px;
}

.new::after {
	z-index:5;
	position:absolute;
	right:10px;
	top:-19px;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	color:#fff;
	background-color:#67ae31;
	border-radius:50%;
	width:72px;
	height:72px;
	line-height:13px;
	font-size:13px;
	font-weight:bold;
	content:"NEW!";
}

.em-items ul li div {
	position:relative;
	padding-bottom:56.25%;
	width:100%;
	height:0;
}

.em-items ul li div iframe {
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}

.em-items ul li img {
	max-width:100%;
	height:auto;
}

.em-items ul li dl {
	font-weight:bold;
}

.em-items ul li dl dt {
	padding:12px 0 9px 0;
	color:#666;
	line-height:15px;
	font-size:15px;
}

.em-items ul li dl dd {
	line-height:21px;
	font-size:15px;
	text-align:left;
}

.em-more {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	width:90px;
}

.em-more em {
	padding-top:20px;
}

@media screen and (min-width : 768px) and (max-width : 1199px) {
	.top-chara ul li dl dd {
		margin:0;
		padding:25px 50px;
	}
	
	.top-chara ul li dl dd .green {
		left:-50px;
		top:-87px;
		width:340px;
	}
	
	.top-chara ul li dl dd .green img {
		width:340px;
	}
	
	.top-chara ul li dl dd .blue {
		right:-50px;
		top:-104px;
		width:375px;
	}
	
	.top-chara ul li dl dd .blue img {
		width:375px;
	}
	
	.event-movie h2 {
		margin-left:33px;
		padding-bottom:36px;
	}
	
	.event-movie-inner {
		margin-left:33px;
		padding-bottom:90px;
	}
	
	.em-items ul li {
		margin-right:24px;
		padding-bottom:24px;
	}
	
	.new::after {
		width:62px;
		height:62px;
	}
}

@media only screen and (max-width : 767px) {
	.top-h1 {
		width:144px;
		height:144px;
	}
	
	.top-h1 img {
		width:63px;
		height:33px;
	}
	
	.top-h1 span {
		line-height:16px;
		font-size:14px;
	}
	
	.list-button ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.list-button ul>li:nth-child(1) {
		-webkit-align-self:flex-start;
		align-self:flex-start;
		padding:10px 15px;
	}
	
	.list-button ul>li:nth-child(2) {
		padding-bottom:15px;
		width:100%+
	}
	
	.list-button ul>li:nth-child(1)>ol>li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.top-chara ul li dl dd {
		margin:0;
		padding:20px;
	}
	
	.top-chara ul li dl dd .green {
		left:-20px;
		top:-30px;
		width:300px;
	}
	
	.top-chara ul li dl dd .green img {
		width:300px;
	}
	
	.top-chara ul li dl dd .blue {
		right:-20px;
		top:-30px;
		width:300px;
	}
	
	.top-chara ul li dl dd .blue img {
		width:300px;
	}
	
	.event-movie h2 {
		margin-left:22px;
		padding-bottom:24px;
	}
	
	.event-movie-inner {
		margin-left:22px;
		padding-bottom:60px;
	}
	
	.em-items ul li {
		margin-right:16px;
		padding-bottom:16px;
	}
	
	.new::after {
		width:52px;
		height:52px;
	}
}

@media only screen and (max-width : 1199px) {
	.top-chara {
		padding:0;
	}
	
	.top-chara ul {
		padding-bottom:32px;
	}
	
	.top-chara ul li {
		padding:0;
	}
	
	.top-chara ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.top-chara ul li dl dt {
		width:100%;
	}
	
	.top-chara ul li:nth-child(odd) dl dd {
		order:0;
	}
}

/* Top Page (index.html) End */

/* About Us (aboutus/index.html) Start */

.about-top {
	position:relative;
}

.about-top .green {
	z-index:-1;
	position:absolute;
	left:0;
	top:56px;
	width:618px;
	height:auto;
}

.about-top .green img {
	width:618px;
	object-fit:cover;
}

.slider {
	position:relative;
	width:100%;
	height:292px;
}

.slider ul {
	list-style-type:none;
}

.slider ul li {
	padding:0 7px;
}

.slider ul li img {
	width:auto;
	height:292px;
}

.about-top p {
	padding:0 15px 36px 15px;
	color:#666;
	line-height:25px;
	font-size:18px;
}

.concept {}

.concept>p {
	padding:0 15px 36px 15px;
	color:#666;
	line-height:25px;
	font-size:18px;
}

.concept b {
	display:block;
	box-sizing:border-box;
	padding:0 15px 28px 15px;
	line-height:31px;
	font-size:22px;
	font-weight:bold;
}

.concept ul {
	list-style-type:none;
}

.concept ul li {
	padding-top:76px;
}

.concept ul li dl {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}

.concept ul li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:800px;
}

.concept ul li dl dt img {
	width:100%;
	height:auto;
}

.concept ul li dl dd {
	position:relative;
	-webkit-flex-grow:1;
	flex-grow:1;
	padding:0 20px;
}

.concept ul li:nth-child(odd) dl dd {
	order:-1;
}

.concept ul li dl dd h3 {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-content:center;
	align-content:center;
	margin:0 auto;
	background-color:rgba(65,99,119,.9);
	border-radius:50%;
	box-shadow:10px 10px 0 0 rgba(194,227,243,.9);
	color:#e5f0f4;
	width:232px;
	height:232px;
	line-height:0;
	font-size:0;
}

.concept ul li dl dd h3 img {
	display:block;
	margin:0 auto;
}

.concept ul li dl dd h3 span {
	display:block;
	padding-top:12px;
	line-height:31px;
	font-size:26px;
}

.concept ul li dl dd small {
	display:block;
	color:#527283;
	padding-top:32px;
	line-height:28px;
	font-size:20px;
}

.concept ul li dl dd .blue {
	z-index:-1;
	position:absolute;
	right:-800px;
	top:86px;
	width:606px;
	height:auto;
}

.concept ul li dl dd .blue img {
	width:606px;
	object-fit:cover;
}

.concept ul li dl dd .green {
	z-index:-1;
	position:absolute;
	left:0;
	top:-294px;
	width:618px;
	height:auto;
}

.concept ul li dl dd .green img {
	width:618px;
	object-fit:cover;
}

.greeting {
	position:relative;
	padding-bottom:136px;
}

.greeting .blue {
	z-index:-1;
	position:absolute;
	right:0;
	top:-42px;
	width:606px;
	height:auto;
}

.greeting .blue img	{
	width:606px;
	object-fit:cover;
}

.greeting dl {
	display:-webkit-flex;
	display:flex;
}

.greeting dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:612px;
}

.greeting dl dt>img {
	max-width:100%;
	height:auto;
}

.greeting dl dt div {
	position:relative;
	margin:0 auto;
	width:232px;
	height:178px;
}

.greeting dl dt div strong {
	position:absolute;
	left:0;
	top:-54px;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-content:center;
	align-content:center;
	margin:0 auto;
	background-color:rgba(200,230,244,.9);
	border-radius:50%;
	box-shadow:10px 10px 0 0 rgba(66,99,119,.9);
	color:#426377;
	width:232px;
	height:232px;
	line-height:0;
	font-size:0;
}

.greeting dl dt div strong img {
	display:block;
	margin:0 auto;
}

.greeting dl dt div strong span {
	display:block;
	padding-top:18px;
	line-height:20px;
	font-size:14px;
}

.greeting dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
	padding:0 32px;
}

.greeting dl dd p {
	padding-bottom:24px;
	color:#666;
	line-height:25px;
	font-size:18px;
	max-width:700px;
	text-align:left;
}

@media only screen and (max-width : 1199px) {
	.concept ul li {
		padding-top:38px;
	}
	
	.concept ul li dl,
	.greeting dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.concept ul li dl dt {
		margin:0 auto;
		width:100%;
		max-width:800px;
	}
	
	.concept ul li dl dd {
		padding:20px;
	}
	
	.concept ul li:nth-child(odd) dl dd {
		order:0;
	}
	
	.greeting {
		padding-bottom:68px;
	}
	
	.greeting dl dt {
		margin:0 auto;
		width:100%;
		max-width:612px;
	}
	
	.greeting dl dd {
		padding:30px 20px 20px 20px;
	}
	
	.greeting dl dd p {
		width:100%;
		max-width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1199px) {
	.about-top .green {
		top:48px;
		width:340px;
	}
	
	.about-top .green img {
		width:340px;
	}
	
	.concept ul li dl dd .blue,
	.concept ul li dl dd .green {
		display:none;
	}
	
	.greeting .blue {
		width:375px;
	}
	
	.greeting .blue img {
		width:375px;
	}
}

@media only screen and (max-width : 767px) {
	.about-top .green {
		top:32px;
		width:300px;
	}
	
	.about-top .green img {
		width:300px;
	}
	
	.concept ul li dl dd .blue,
	.concept ul li dl dd .green {
		display:none;
	}
	
	.greeting .blue {
		width:300px;
	}
	
	.greeting .blue img {
		width:300px;
	}
}

/* About Us (aboutus/index.html) End */

/* Contact (contact/index.html) Start */



@media screen and (min-width : 768px) and (max-width : 1199px) {
	
}

@media only screen and (max-width : 767px) {
	
}

/* Contact (contact/index.html) End */

/* Event (event/commons) Start */

.various-lists {
	padding-top:112px;
}

.vl {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

.vl li {
	position:relative;
	margin:0 14px;
	padding-bottom:60px;
	max-width:413px;
}

.vl li img {
	max-width:100%;
	height:auto;
}

.vl li div {
	position:relative;
	padding-bottom:56.25%;
	width:100%;
	height:0;
}

.vl li div iframe {
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}

.vl li dl {
	font-weight:bold;
}

.vl li dl dt {
	padding:12px 0 9px 0;
	color:#666;
	line-height:15px;
	font-size:15px;
}

.vl li dl dd {
	line-height:21px;
	font-size:15px;
	text-align:left;
}

.pager {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	padding:56px 0 156px 0;
	list-style-type:none;
}

.pager li {
	padding:0 18px;
	line-height:90px;
	font-size:26px;
}

.pager li a {
	color:#416377;
	text-decoration:none;
}

.pager li a:hover,
.pager li.current a,
.pager li.current a:hover {
	color:#999;
}

.prev,
.next {
	padding:0;
	width:90px;
	transform:translateY(30px);
}

.prev em,
.next em {
	display:block;
	margin:0 auto;
	width:auto;
}

.prev em a,
.next em a {
	display:inline-block;
	line-height:15px;
	font-size:15px;
}

.prev em a::before {
	display:block;
	margin-bottom:6px;
	box-sizing:border-box;
	border-top:2px solid #67ae31;
	border-left:2px solid #67ae31;
	width:36px;
	height:36px;
	transform:rotate(-45deg) translateX(50%);
	content:"";
}

.next em a::before {
	display:block;
	margin-bottom:6px;
	box-sizing:border-box;
	border-top:2px solid #67ae31;
	border-right:2px solid #67ae31;
	width:36px;
	height:36px;
	transform:rotate(45deg) translateX(-50%);
	content:"";
}

@media screen and (min-width : 768px) and (max-width : 1199px) {
	.various-lists {
		padding-top:84px;
	}
	
	.vl li {
		padding-bottom:45px;
	}
	
	.pager {
		padding:42px 0 117px 0;
	}
	
	.pager li {
		padding:0 12px;
	}
	
	.prev,
	.next {
		width:70px;
	}
}

@media only screen and (max-width : 767px) {
	.various-lists {
		padding-top:56px;
	}
	
	.vl li {
		padding-bottom:30px;
	}
	
	.pager {
		padding:28px 0 78px 0;
	}
	
	.pager li {
		padding:0 6px;
	}
	
	.prev,
	.next {
		width:50px;
	}
}

/* Event (event/commons) End */

/* Blog (staffblog/commons) Start */

.contact {}

.contact p {
	line-height:25px;
	font-size:18px;
}

.privacy {
	padding-bottom:100px;
}

.privacy p,
.privacy dl {
	line-height:25px;
	font-size:18px;
	text-align:left;
}

.privacy dl dt {
	padding-top:24px;
	font-weight:bold;
}

.privacy dl dd ol li {
	margin-left:1.5em;
}

.privacy p:last-of-type {
	padding-top:24px;
}


@media screen and (min-width : 768px) and (max-width : 1199px) {
	
}

@media only screen and (max-width : 767px) {
	
}

/* Blog (staffblog/commons) End */

/* Scroll Animation Start */

.sa {
  opacity:0;
  transition:all .9s ease-in-out;
}

.sa.show {
  opacity:1;
  transform:none;
}

.ltr {
  transform:translate(-100px,0);
}

.rtl {
  transform:translate(100px,0);
}

.bt {
  transform:translate(0,100px);
}

.tb {
  transform:translate(0,-100px);
}

/* Scroll Animation End */