/*==================================================
home
==================================================*/
.home .main h2 {
	padding: 0 0 40px;
	font-size: 28px;
	color: #777;
	font-family: adobe-gurmukhi, sans-serif;
	letter-spacing: 0.1em;
}
.home .main h2 span {
	display: block; 
	font-size: 12px;
	line-height: 140%;
	letter-spacing: 0.04em;
}
	@media(min-width:1px) and (max-width: 640px) {
		.home .main h2 {
			font-size: 26px;
			padding: 0 0 6%;
		}
	}

/* kv
--------------------------------------------------- */
.kv {
	background: #fff;
}
	@media(min-width:1px) and (max-width: 1050px) {
		body .vegas-container {
		}
	}

.fixed-kv{
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.fixed-kv:before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.fixed-kv.init:before{
  background: rgb(108, 171, 213);
  animation: kv-init01 1s forwards;
}
@keyframes kv-init01 {
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50%{
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  65%{
    transform-origin:right;
    transform:scaleX(1);
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}
.fixed-kv .kv-slider{
  opacity: 0;
}
.fixed-kv.init .kv-slider{
  animation: kv-init02 1s forwards;
}
@keyframes kv-init02 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fixed-kv .swiper-slide{
  position: relative;
  overflow: hidden;  
}
.fixed-kv .swiper-slide:before{
  content: '';
  display: block;
  padding-top: calc(100% * 0.5);
}
.fixed-kv .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  scale: 1;
}
.fixed-kv .swiper-slide.swiper-slide-active img,
.fixed-kv .swiper-slide.swiper-slide-duplicate-active img,
.fixed-kv .swiper-slide.swiper-slide-prev img {
  animation: kv-zoom 7s linear 0s normal both;
}
@keyframes kv-zoom {
  0% {
    scale: 1.15;
  }
  100% {
    scale: 1;
  }
}
.fixed-kv .swiper-slide img.pc{
  display: block;
}
.fixed-kv .swiper-slide img.sp{
  display: none;
}
	@media(min-width:1px) and (max-width: 640px) {
    .fixed-kv .swiper-slide:before{
      padding-top: 100%;
    }
    .fixed-kv .swiper-slide img.pc{
      display: none;
    }
    .fixed-kv .swiper-slide img.sp{
      display: block;
    }
  }

/* h_topicsbanner
--------------------------------------------------- */
.h_topicsbanner{
  position: relative;
  z-index: 1500;
  margin-top: -170px;
  margin-bottom: 50px;
}
.h_topicsbanner .inner{
  max-width: 972px;
}
.h_topicsbanner .swiper-slide{
  background: #fff;
  border: 4px solid #ccc;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.h_topicsbanner .swiper-slide:before{
  content: '';
  display: block;
  padding-top: 100%;
}
.h_topicsbanner .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.h_topicsbanner .swiper-slide figcaption{
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  padding: 20px 15px;
  color: #fff;
  font-size: 14px;
  line-height: calc(18 / 14);
  background-color: rgba(0, 0, 0, 0.75);
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.h_topicsbanner .swiper-slide:hover figcaption{
  bottom: 0;
}
.h_topicsbanner .swiper-container .nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.h_topicsbanner .swiper-container .nav .swiper-pagination{
  position: static;
  font-size: 12px;
  color: #005a84;
  display: flex;
  width: auto;
}
.h_topicsbanner .swiper-container .nav .swiper-pagination span{
  display: block;
}
.h_topicsbanner .swiper-container .nav .swiper-button-next,
.h_topicsbanner .swiper-container .nav .swiper-button-prev{
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: none;
  margin: 0;
}
.h_topicsbanner .swiper-container .nav .swiper-button-next:before,
.h_topicsbanner .swiper-container .nav .swiper-button-prev:before{
  content: '';
  display: block;
  width: 50%;
  height: 50%;
  border-right: 2px solid #005a84;
  border-top: 2px solid #005a84;
  rotate: -135deg;
}
.h_topicsbanner .swiper-container .nav .swiper-button-next:before{
  rotate: 45deg;
}

.h_topicsbanner .swiper-container .swiper-wrapper .swiper-slide{
  width: calc(100% / 3 - 13px);
  margin: 0 10px;
}
/* スライドが3枚以下の場合 */
.h_topicsbanner .swiper-container.slide3 .swiper-wrapper{
  display: flex;
  gap: 20px;
}
.h_topicsbanner .swiper-container.slide3 .swiper-wrapper .swiper-slide{
  flex: 1;
  margin: 0;
}
.h_topicsbanner .swiper-container.slide3 .nav{
  display: none;
}
@media(min-width:640px) and (max-width: 1366px) {
  .h_topicsbanner{
    margin-top: -60px;
  }
}
@media(min-width:1px) and (max-width: 640px) {
  .h_topicsbanner{
    margin-top: -10%;
  }
  .h_topicsbanner .inner{
    width: 100%;
    max-width: unset;
  }
  .h_topicsbanner .swiper-container .nav .swiper-pagination{
    font-size: 14px;
  }
  .h_topicsbanner .swiper-container .nav .swiper-button-next,
  .h_topicsbanner .swiper-container .nav .swiper-button-prev{
    width: 30px;
    height: 30px;
  }
  .h_topicsbanner .swiper-container .swiper-wrapper .swiper-slide{
    width: calc(100% / 2);
  }
}


/* h_topics
--------------------------------------------------- */
.h_topics {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 50px;
	z-index: 99;
}
.h_topics .btn_scroll {
	position: absolute;
	bottom: 0;
	margin-bottom: 100px;
	width: 25px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.h_topics .btn_scroll img {
	display: block;
	width: 100%;
	height: 100%;
}
.topicsBox {
	position: relative;
}
.topicsBox:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.topicsBox:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 100%;
	content: "";
	background: #F0F0E1;
}
.h_topics h2 {
	position: relative;
	width: 130px;
	float: left;
	padding: 25px 0 0;
	color: #444;
	font-size: 18px;
	text-align: center;
	font-family: adobe-gurmukhi, sans-serif;
	background: #f5f5eb;
	z-index: 10;
}
.h_topics .txtWrap {
	float: left;
	width : -webkit-calc(100% - 130px) ;
	width : calc(100% - 130px) ;
	padding: 30px 35px;
	background: #F9F9F2;
	vertical-align: middle;
	line-height: 140%;
	box-sizing: border-box;
}
.h_topics .swiper-pager {
	position: absolute;
	top: 50px;
	left: 0;
	width: 130px;
	text-align: center;
}
.h_topics .swiper-pagination {
	position: static;
	display: inline-block;
	width: auto;
	text-align: center;
	font-family: adobe-gurmukhi, sans-serif;
	color: #888;
	font-size: 14px;
}
.h_topics .swiper-button-prev,
.h_topics .swiper-button-next {
	position: relative;
	display: inline-block;
	top: auto;
	width: 12px;
	height: 12px;
	margin-top: 0;
	outline: none;
	background: none;
}
.h_topics .swiper-button-prev {
	left: auto;
}
.h_topics .swiper-button-next {
	right: auto;
}
.h_topics .swiper-button-prev::after,
.h_topics .swiper-button-next::after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translate(0,-50%);
}
.h_topics .swiper-button-prev::after {
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
}
.h_topics .swiper-button-next::after {
	border-top: 1px solid #888;
	border-right: 1px solid #888;
}
	@media(min-width:1px) and (max-width: 768px) {
		.h_topics .btn_scroll {
			margin-bottom: 20px;
			width: 15px;
		}
		.h_topics {
			display: block;
		}
		.topicsBox:before {
			display: none;
		}
		.h_topics h2 {
			display: block;
			width: 100%;
			float: none;
			text-align: left;
			padding: 15px 0 15px 20px;
			vertical-align: middle;
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
			border-top-left-radius: 5px; 
			border-top-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px; 
			box-sizing: border-box;
		}
		.h_topics .txtWrap {
			display: block;
			width: 100%;
			float: none;
			padding: 15px 20px;
			vertical-align: middle;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 5px; 
			border-bottom-right-radius: 5px; 
			-webkit-border-bottom-left-radius: 5px; 
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
		}
		.h_topics .swiper-pager {
			top: 12px;
			left: auto;
			right: 0;
			width: 100px;
		}
		.h_topics .swiper-pagination {
			position: relative;
			top: 0;
		}
		.h_topics .swiper-button-prev,
		.h_topics .swiper-button-next {
			top: 2px;
		}
	}

/* h_news
--------------------------------------------------- */
.h_news {
	padding: 25px 0 0;
}
.h_news .inner {
	position: relative;
	padding: 0 0 75px;
}
.h_news .inner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h_news li a:hover::after {
	width: 0;
}
.h_news .ttlWrap {
	width: 210px;
	float: left;
}
.h_news .newswrap {
	width: 790px;
	float: right;
}
.h_news li a {
	display:block;
	padding: 14px 5px;
}
.h_news li p:first-child {
	display: table-cell;
	width: 200px;
	color: #333;
}
.h_news li a:hover {
	color: #333;
}
.h_news li p:last-child {
	display: table-cell;
}
.h_news li a:hover p:last-child {
	color: #0085B2;
}
.h_news .link_more {
	position: absolute;
	top: 27px;
	right: 0;
}
.h_news .link_more a {
	position: relative;
	padding: 0 0 10px;
	color: #005984;
}
.h_news .link_more a:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	content: "";
	background: #005984;
}
.h_news .link_more a::after {
	position: absolute;
	bottom: 1px;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background: #6cabd5;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.h_news .link_more a:hover::after {
	width: 100%;
}
	@media(min-width:1px) and (max-width: 1050px) {
		.h_news .ttlWrap {
			width: 140px;
		}
		.h_news .newswrap {
			width : -webkit-calc(100% - 150px) ;
			width : calc(100% - 150px) ;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.h_news .ttlWrap {
			width: 100%;
			float: none;
			margin: 0 0 40px;
			text-align: center;
		}
		.h_news .ttlWrap h2 {
			padding: 0 0 20px;
		}
		.h_news .newswrap {
			width: 100%;
			float: none;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.h_news {
			padding: 20px 0 0;
		}
		.h_news li {
			border-bottom: 1px dotted #ccc;
		}
		.h_news li p:first-child,
		.h_news li p:last-child {
			display: block;
		}
		.h_news li p:first-child {
			margin: 0 0 5px;
		}
		.h_news .btn_more {
			display: block;
			max-width: 200px;
			width: 70%;
			padding: 5px 0;
			margin: 0 auto;
			text-align: center;
			border: 1px solid #999;
		}
	}

/* h_blog
--------------------------------------------------- */
.h_blog {
	position: relative;
	padding: 250px 0 0;
	background: url(../img/bg_home_blog.png) no-repeat 50% 50%;
	background-size: cover;
}
.h_blog .inner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h_blog .ttlWrap {
	width: 210px;
	float: left;
}
.h_blog .blogList {
	width: 790px;
	float: right;
}
.h_blog ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h_blog li {
	width: 48%;
	float: left;
	margin-right: 4%;
	text-align: center;
} 
.h_blog li:last-child {
	margin-right: 0;
}
.h_blog li figure {
    overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 0 5px;
	padding: 67.74% 0 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}.h_blog li figure span {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.h_blog li img {
	width: 115%;
	height: auto;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.h_blog li a:hover img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.h_blog li .date {
	margin: 0 0 5px;
	color: #888;
	font-size: 12px;
	text-align: right;
}
.h_blog li .txt {
	margin: 0 0 10px;
}
	@media(min-width:1px) and (max-width: 1050px) {
		.h_blog {
			padding: 100px 0 0;
			background-size: auto 100%;
		}
		.h_blog .ttlWrap {
			width: 140px;
		}
		.h_blog .blogList {
			width : -webkit-calc(100% - 150px) ;
			width : calc(100% - 150px) ;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.h_blog {
			padding: 100px 0 0;
		}
		.h_blog .ttlWrap {
			width: 100%;
			float: none;
			margin: 0 0 40px;
			text-align: center;
		}
		.h_blog .ttlWrap h2 {
			position: relative;
			padding: 0 0 20px;
		}
		.h_blog .blogList {
			width: 100%;
			float: none;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.h_blog {
			padding: 50px 0 0;
		}
		.h_blog .blogList {
			max-width: 500px;
			width: 100%; 
			margin: 0 auto;
		}
		.h_blog li {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 20px;
		} 
		.h_blog li:nth-child(2n) {
			margin-right: 0;
		}
		.h_blog .btn_more {
			display: block;
			max-width: 200px;
			width: 70%;
			padding: 5px 0;
			margin: 0 auto;
			text-align: center;
			border: 1px solid #999;
		}
	}
	@media(min-width:1px) and (max-width: 360px) {
		.h_blog li {
			width: 84%;
			float: none;
			margin: 0 auto 30px;
		}
		.h_blog li:nth-child(2n) {
			margin-right: auto;
		}
	}

/* h_pickup
--------------------------------------------------- */
.h_pickup {
	padding: 100px 0 70px;
}
.h_pickup h2 {
	text-align: center;
}
.h_pickup ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h_pickup li {
	position: relative;
	width: 310px;
	float: left;
	margin: 0 33px 50px 0;
} 
.h_pickup li .bgcl {
	display: block;
	position: absolute;
	top: 5px;
	right: -5px;
	width: 310px;
	height: 210px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.h_pickup li:before {
	display: block;
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
}
	.h_pickup li:nth-child(odd):before {
		background: url(../img/bg_home_pickup01.png) no-repeat 0 0;
		background-size: contain;
	}
	.h_pickup li:nth-child(even):before {
		background: url(../img/bg_home_pickup02.png) no-repeat 0 0;
		background-size: contain;
	}
	.h_pickup li:nth-child(4n):before {
		background: url(../img/bg_home_pickup03.png) no-repeat 0 0;
		background-size: contain;
	}
	.h_pickup li:nth-child(4n):before {
		background: url(../img/bg_home_pickup04.png) no-repeat 0 0;
		background-size: contain;
	}
.h_pickup li a {
    overflow: hidden;
	display: block;
	position: relative;
	z-index: 2;
}
.h_pickup li:nth-child(3n) {
	margin-right: 0;
}
.h_pickup li figure {
    overflow: hidden;
	position: relative;
	width: 100%;
	padding: 67.74% 0 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.h_pickup li figure span {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.h_pickup li img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
	max-width: 320px;
}
.h_pickup li a:hover img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.h_pickup li p {
	position: relative;
	padding: 23px 10px 0 25px;
	font-size: 16px;
	text-align: center;
	z-index: 20;
}
	@media(min-width:1px) and (max-width: 1050px) {
		.h_pickup li {
			width: 31.333%;
			margin: 0 3% 4% 0;
		}
		.h_pickup li:nth-child(3n) {
			margin-right: 0;
		}
		.h_pickup li p {
			padding-top: 10px;
		}
		.h_pickup li .bgcl {
			width: 100%;
		}
		.h_pickup li img {
			max-width: 100%;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.h_pickup li p { 
			padding: 10px 0;
			font-size: 14px;
		}
		.h_pickup li p:after {
			width: 46px;
			height: 7px;
			right: 0;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.h_pickup {
			padding: 50px 0 50px;
		}
		.h_pickup li {
			width: 48%;
			margin: 0 4% 4% 0;
		} 
		.h_pickup li:nth-child(3n) {
			margin-right: 4%;
		}
		.h_pickup li:nth-child(2n) {
			margin-right: 0;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.h_pickup li p {
			font-size: 13px;
		}
	}

/* link_sdgkinder
--------------------------------------------------- */
.link_sdgkinder a {
	position: relative;
	display: block;
	max-width: 625px;
	width: 90%;
	height: 63px;
	line-height: 63px;
	margin: 0 auto 40px;
	color: #47849a;
	text-align: center; 
	font-size: 20px;
	border: 2px solid #b160a0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	transition: all .3s;
	box-sizing: border-box;
	background: #b160a0;
}
.link_sdgkinder a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	content: '';
	background: #fff;
	transform-origin: left top;
	transform: scale(1, 1);
	transition: transform .3s;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.link_sdgkinder a:hover::before {
	transform-origin: right top;
	transform: scale(0, 1);
}
.link_sdgkinder a:hover {
	color: #fff !important;
}
.link_sdgkinder a::after {
	background: none;
}
.link_sdgkinder span {
	position: relative;
	z-index: 10;
}
.link_sdgkinder + .link_sdgkinder a {
	border: 2px solid #f90;
	background: #f90;
}
	@media(min-width:1px) and (max-width: 640px) {
		.link_sdgkinder a {
			background: #fff !important;
			margin-bottom: 30px;
			font-size: 18px;
		}
		.link_sdgkinder a:hover {
			color: #47849a !important;
		}
		.link_sdgkinder a:before {
			width: 60%;
		}
		.link_sdgkinder a:after {
			left: 40%;
		}
		.link_sdgkinder a::before {
			background: none;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.link_sdgkinder a {
			font-size: 16px;
		}
	}

/* link_info
--------------------------------------------------- */
.link_info {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 50px;
	text-align: center;
}

.link_info .icn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -380px;
}
.link_info ul {
	margin-left: 20px;
}
.link_info li {
	display: inline-block;
	padding: 0 20px;
}
.link_info li a {
	transition: all .3s;
}
.link_info li a:hover {
	color: #0085B2;
}
.link_info li:nth-child(2) {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
	@media(min-width:1px) and (max-width: 1050px) {
		.link_info .icn {
			margin: -18px 0 0 -360px;
		}
		.link_info ul {
			margin-left: 20px;
		}
		.link_info li {
			padding: 0 10px;
		}
		.link_info li:nth-child(2) {
			border-left: none;
			border-right: none;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.link_info {
			padding: 10px 0;
		}
		.link_info .icn {
			top: 0;
			margin: 0;
		}
		.link_info ul {
			margin: 30px 0 0;
		}
		.link_info li {
			display: block;
			margin: 0;
		}
		.link_info li a {
			display: inline-block; 
			padding: 15px 0;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.link_info {
			margin-bottom: 0;
		}
	}

/* imgfootmain
--------------------------------------------------- */
#canvaswhtop,
.h_blog #canvaswhtop,
.imgfootmain #canvaswh {
	position: absolute;
	top: 0;
	width:100%;
	height:150px;
	transform: rotate(180deg);
}
.page-header #canvaswhtop {
	position: absolute;
	top: auto;
	bottom: -30px;
	width:100%;
	height:150px;
	transform: none;
}
.home .imgfootmain {
	position: relative;
	display: block;
	width: 100%;
	padding: 850px 0 0;
	margin: 0 0 60px;
	content: "";
	background: url(../img/bg_footmain.jpg?v2) no-repeat 50% bottom;
	background-size: cover;
}
	@media(min-width:1px) and (max-width: 640px) {
		.home .imgfootmain:before {
			background-size: auto 60px;
		}
		.home .imgfootmain {
			padding: 400px 0 0;
		}
	}


/* link_exam
--------------------------------------------------- */
.link_exam {
	overflow: hidden;
	display: block;
	max-width: 852px;
	width: 90%;
	height: 92px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: #b160a0;
	box-sizing: border-box;
	transition: all .3s;
}
.link_exam a {
	position: relative;
	display: block;
	margin: 5px 5px 0;
	height: 80px;
	line-height: 80px;
	font-weight: bold;
	z-index: 100;
	border: 1px solid #fff;
}
.link_exam a:hover {
	color: #fff;
	background: none;
	z-index: 100;
}
.link_exam a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	background: #fff;
	transform-origin: left top;
	transform: scale(1, 1);
	transition: transform .3s;
}
.link_exam a:hover::before {
	transform-origin: right top;
	transform: scale(0, 1);
}
.link_exam a::after {
	display: none;
}
	.first,
	.second,
	.third {
		max-width: 852px;
		width: 90%;
		height: 92px;
	}
	.first,
	.second,
	.third {
		position: absolute;
		z-index: 1;
	}
	.second,
	.third {
		opacity: 0;
	}
	.holder {
		height: 100vh;
	}
	.first {
		animation: first 10s infinite;
		background: linear-gradient(45deg, #5ff8ca, #60e08c);
		z-index: 10;
	}
	@keyframes first {
		0% {opacity: 1.0;}
		10% {opacity: 0.8;}
		20% {opacity: 0.6;}
		30% {opacity: 0.4;}
		40% {opacity: 0.2;}
		50% {opacity: 0.1;}
		60% {opacity: 0.2;}
		70% {opacity: 0.4;}
		80% {opacity: 0.6;}
		90% {opacity: 0.8;}
		100% {opacity: 1.0;}
	}
	.second {
		animation: second 10s infinite; animation-delay: 2s;
		background: linear-gradient(45deg, #19eaa6, #00a1f0);
		z-index: 20;
	}
	@keyframes second {
		0% {opacity: 0;}
		10% {opacity: 0.2;}
		20% {opacity: 0.4;}
		30% {opacity: 0.6;}
		40% {opacity: 0.8;}
		50% {opacity: 1.0;}
		60% {opacity: 0.8;}
		70% {opacity: 0.6;}
		80% {opacity: 0.4;}
		90% {opacity: 0.2;}
		100% {opacity: 0;}
	}
	.third {
		animation: third 10s infinite;
		animation-delay: 8s;
		background: linear-gradient(45deg, #aab7f8, #ff75c6);
		z-index: 30;
	}
	@keyframes third {
		0% {opacity: 0;}
		10% {opacity: 0.2;}
		20% {opacity: 0.4;}
		30% {opacity: 0.6;}
		40% {opacity: 0.8;}
		50% {opacity: 1.0;}
		60% {opacity: 0.8;}
		70% {opacity: 0.6;}
		80% {opacity: 0.4;}
		90% {opacity: 0.2;}
		100% {opacity: 0;}
	}

.link_exam a span {
	position: relative;
	display: inline-block;
	padding: 0 50px 0 10px;
	font-size: 15px;
}
.link_exam a span br {
	display: none;
}
.link_exam a span:after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.link_exam a:hover span:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

	@media(min-width:1px) and (max-width: 640px) {
		.link_exam,
		.first, .second, .third {
			height: 120px;
		}
		.link_exam a {
			height : -webkit-calc(100% - 12px) ;
			 height : calc(100% - 12px) ;
			 padding: 35px 0 0;
			line-height: 100%;
			font-size: 16px;
			box-sizing: border-box;
		}
		.link_exam a span {
			display: block;
			padding: 10px 20px 0;
			font-size: 14px;
		}
		.link_exam a {
			color: #fff;
		}
		.link_exam a::before {
			background: none;
		}
	}
	@media(min-width:1px) and (max-width: 360px) {
		.link_exam a {
			padding: 30px 10px 0;
			font-size: 16px;
			text-align: left;
		}
		.link_exam a span {
			display: inline-block;
			width: 100%;
			padding: 5px 0 0;
			font-size: 14px;
		}
		.link_exam a span br {
			display: block;
		}
	}

/*==================================================
about 
==================================================*/
/* message
-------------------------------------------------------------------- */
.message h2 {
	margin: 0 0 60px;
	text-align: center;
	color: #777;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 28px;
	letter-spacing: 0.1em;
}
.message h2 br {
	display: none;
}
	@media(min-width:1px) and (max-width: 950px) {
		.message h2 br {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.message h2 {
			font-size: 24px;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.message h2 {
			margin: 0 0 10%;
			font-size: 22px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.message h2 {
			font-size: 18px;
		}
	}

/* txt-goal */
.message .txt-goal {
	position: relative;
	max-width: 625px;
	width: 100%;
	padding: 6px;
	margin: 0 auto 20px;
	background: #aab7f8;
	background: -moz-linear-gradient(45deg, #aab7f8 0%, #ff75c6 100%);
	background: -webkit-linear-gradient(45deg, #aab7f8 0%,#ff75c6 100%);
	background: linear-gradient(45deg, #aab7f8 0%,#ff75c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aab7f8', endColorstr='#ff75c6',GradientType=1 );
	box-sizing: border-box;
}
.message .txt-goal:after {
	border-top: 16px solid #d199e1;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	content: "";
	position: absolute;
	bottom: -16px; 
	left: 50%;
	margin-left: -16px;
}
.message .txt-goal div {
	padding: 30px 5px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 200%;
	font-weight: 700;
	border: 1px solid #fff;
}
.message .txt-goal div p br.viewSp {
	display: none;
}
.message .txt {
	margin: 0 0 80px;
	text-align: center;
	font-size: 20px;
}
	@media(min-width:1px) and (max-width: 768px) {
		.message .txt-goal div,
		.message .txt {
			font-size: 18px;
		}
		.message .txt-goal div p br.viewSp {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.message .txt-goal div {
			padding: 20px 5px;
			font-size: 16px;
		}
		.message .txt {
			margin: 0 0 20%;
			font-size: 16px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.message .txt-goal div,
		.message .txt {
			font-size: 14px;
		}
	}

/* column02 */
.message .column02:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.message .column02 figure {
	width: 31.5%;
	float: right;
	text-align: center;
}
.message .column02 figcaption  {
	margin: 20px 0 0;
}
.message .column02 figcaption span {
	padding: 0 0 0 15px;
	font-size: 143%;
}
.message .column02 .txt-wrap {
	width: 65%;
	float: left;
}
.message .column02 .txt-wrap h3 {
	margin: 0 0 30px;
	font-size: 24px;
	line-height: 200%;
	color: #7d7d7d;
	font-weight: 700;
}
	@media(min-width:1px) and (max-width: 1050px) {
		.message .column02 figcaption {
			line-height: 140%;
		}
		.message .column02 figcaption span {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.message .column02 figure {
			max-width: 250px;
			width: 80%;
			float: none;
			margin: 0 auto 20px;
		}
		.message .column02 .txt-wrap {
			width: 100%;
			float: none;
		}
		.message .column02 .txt-wrap h3 {
			margin: 0 0 5%;
			font-size: 20px;
			line-height: 140%;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.message .column02 .txt-wrap h3 {
			font-size: 18px;
		}
	}

/* history
-------------------------------------------------------------------- */
.history dl {
	position: relative;
	max-width: 430px;
	width: 100%;
	margin: 0 auto;
}
.history dl:before {
	display: block;
	position: absolute;
	top: 30px;
	left: 117px;
	width: 2px;
	height : -webkit-calc(100% - 60px) ;
	height : calc(100% - 60px) ;
	content: "";
	background: #47849a;
}
.history dt {
	position: relative;
	width: 125px;
	float: left;
	padding: 15px 25px 15px 0;
	text-align: right;
	box-sizing: border-box;
}
.history dt:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	content: "";
	background: #47849a;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.history dt:after {
	display: block;
	position: absolute;
	top: 50%;
	right: -70px;
	width: 60px;
	height : 2px;
	border-top: 1px dotted #777;
	content: "";
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.history dd {
	position: relative;
	padding: 15px 0 15px 210px;
}
	@media(min-width:1px) and (max-width: 480px) {
		.history dl:before {
			left: 91px;
		}
		.history dt {
			width: 100px;
		}
		.history dt:after {
			right: -35px;
			width: 25px;
		}
		.history dd {
			padding-left: 145px;
		}
	}

/* facilities
-------------------------------------------------------------------- */
.facilities .uniform {
	width: 47.7%;
	float: right;
	margin: 0 0 50px -9.2%;
}
.facilities .uniform ul {
	margin: 0 0 15px;
}
.facilities .uniform ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.facilities .uniform li {
	width: 50%;
	padding: 0 1%;
	float: left;
	box-sizing: border-box;
}
.facilities .uniform li img {
	width: 100%;
}
.facilities .uniform li p {
	width: 105px;
	padding: 5px 10px;
	margin: 10px auto 0;
	color: #fff;
	font-size: 93.75%;
	text-align: center; 
	background: #47849a;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.facilities .uniform .txt {
	text-align: center;
	font-size: 81.25%;
}
.facilities .schoolmap {
	width: 61.5%;
	float: left;
	margin: 0 0 50px;
}
.facilities .schoolmap figcaption {
	padding: 15px 0 0;
	font-size: 81.25%;
}
	@media(min-width:1px) and (max-width: 640px) {
		.facilities .uniform {
			max-width: 450px;
			width: 100%;
			float: none;
			margin: 0 auto 50px;
		}
		.facilities .schoolmap {
			width: 100%;
			float: none;
			margin: 0;
		}
	}

/* list-facility */
.facilities .list-facilities {
	clear: both;
}
.facilities .list-facilities:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.facilities .list-facilities li {
	position: relative;
	width: 310px;
	float: left;
	margin: 0 33px 50px 0;
} 
.facilities .list-facilities li:before {
	display: block;
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
}
	.facilities .list-facilities li:nth-child(odd):before {
		background: url(../img/page/bg_facilities_tmb01.png) no-repeat 0 0;
		background-size: contain;
	}
	.facilities .list-facilities li:nth-child(even):before {
		background: url(../img/page/bg_facilities_tmb02.png) no-repeat 0 0;
		background-size: contain;
	}
.facilities .list-facilities li:nth-child(3n) {
	margin-right: 0;
}
.facilities .list-facilities li figure {
	position: relative;
	margin: 0 0 15px;
	z-index: 10;
}
.facilities .list-facilities li p {
	text-align: center;
}
.facilities .list-facilities li p span {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #e60012;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

	@media(min-width:1px) and (max-width: 1050px) {
		.facilities .list-facilities li {
			width: 31.333%;
			margin: 0 3% 4% 0;
		}
		.facilities .list-facilities li:nth-child(3n) {
			margin-right: 0;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.facilities .list-facilities {
			padding: 30px 0 0;
		}
		.facilities .list-facilities li {
			width: 48%;
			margin: 0 4% 6% 0;
		} 
		.facilities .list-facilities li:nth-child(3n) {
			margin-right: 4%;
		}
		.facilities .list-facilities li:nth-child(2n) {
			margin-right: 0;
		}
		.facilities .list-facilities li figure {
			margin: 0 0 10px;
		}
		.facilities .list-facilities li p span {
			width: 25px;
			height: 25px;
			line-height: 25px;
		}
	}


/* security
-------------------------------------------------------------------- */
.security .page-cont {
	max-width: 720px;
}
.security .txt-read {
	margin: 0 0 90px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.security .txt-read {
			margin: 0 0 60px;
		}
	}

/* evaluation
------------------------------------------------------------------------------ */
.evaluation .cont ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.evaluation .cont li {
	width: 31.333%;
	float: left;
	margin: 0 1%;
}
.evaluation .cont li a {
	display:block;
	border: 1px solid #47849a;
	transition: all .3s;
}
.evaluation .page_cont li.pdf a[href$=".pdf"],
.evaluation .page_cont li.pdf a[href$="_blank"] {
	background: none !important;
	padding: 0 !important;
}
.evaluation .cont li a:hover {
	opacity: 0.7;
}
.evaluation .cont li figure {
	padding: 55px 0 50px;
	margin: 0;
	text-align: center;
}
.evaluation .cont li p {
	margin: 0;
	padding: 10px 3%;
	color: #fff;
	font-size: 120%;
	text-align: center;
	background: #47849a;
}

	@media(min-width:1px) and (max-width:768px) {
		.evaluation .cont li figure {
			padding: 20% 0 18%;
		}
		.evaluation .cont li p {
			font-size: 2.2vw;
		}
	}
	@media(min-width:1px) and (max-width:480px) {
		.evaluation .cont li {
			width: 48%;
			margin-bottom: 2%;
		}
		.evaluation .cont li figure { 
			max-width: 65px;
			width: 40%;
			margin: 0 auto;
		}
		.evaluation .cont li p {
			font-size: 3.2vw;
		}
	}


/*==================================================
education
==================================================*/
/* flow
-------------------------------------------------------------------- */
/*cont01*/
.flow .cont01 .diagram {
	text-align: center;
}

/* cont02 */
.flow .cont02 p {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
}

/* system
-------------------------------------------------------------------- */
.system .page-cont {
	max-width: 720px;
}

/*cooperation
-------------------------------------------------------------------- */
.cooperation .cont01 ul {
	margin-left: 20px;
}
.cooperation .cont01 li {
	margin: 0 0 10px;
	list-style: disc;
}

/* regular
-------------------------------------------------------------------- */
/* cont01 */
.regular .cont01 .photo-right,
.regular .cont02,
.regular .cont03 {
	max-width: 720px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.regular .cont01 .photo-right {
	margin-bottom: 40px;
}
.regular .cont01 .list-point h3 {
	text-align: center;
}

/* extra
-------------------------------------------------------------------- */
.extra .page-cont {
	max-width: 720px;
}
.extra .photo-right {
	margin-bottom: 60px;
}


/*==================================================
life
==================================================*/
/* day
-------------------------------------------------------------------- */
.life-day .cont {
	position: relative;
	max-width: 910px;
	width 100%;
	margin: 0 auto;
}
.life-day .cont h2 {
	margin: 0 0 10px;
	font-size: 125%;
	font-weight: 700;
	text-align: center;
}
.life-day .cont p {
	text-align: center;
	font-size: 93.75%;
}

/* dayflow */
.life-day .dayflow {
	position: relative;
	margin: 30px 0;
}
.life-day .dayflow:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.life-day .dayflow:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	content: "";
	background: #47849a;
}
.life-day .dayflow figure {
	position: relative;
	margin: 0 0 20px;
}
.life-day .dayflow h3 {
	margin: 10px 0;
	font-weight: 700;
}
.life-day .dayflow p {
	text-align: left;
	line-height: 200%;
}

.life-day .dayflow .box-left {
	clear: both;
	width: 50%;
	float: left;
}
.life-day .dayflow .box-left figure {
	text-align: right;
	margin-right: -9px;
}
.life-day .dayflow .box-left h2,
.life-day .dayflow .box-left p {
	margin-right: 40px;
}
.life-day .dayflow .box-left h2 {
	text-align: right;
}
.life-day .dayflow .box-right {
	width: 50%;
	float: right;
}
.life-day .dayflow .box-right figure {
	margin-left: -7px;
}
.life-day .dayflow .box-right h2,
.life-day .dayflow .box-right p,
.life-day .dayflow .box-right a {
	margin-left: 40px;
}
.life-day .dayflow .box-right h2 {
	text-align: left;
}
.life-day .dayflow .box-right a {
	display: block;
	max-width: 310px;
	width: 90%;
	padding: 15px 10px;
	margin: 10px auto 0;
	text-align: center;
	color: #47849a;
	border: 1px solid #2282c0;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	box-sizing: border-box;
	transition: all .3s;
}
.life-day .dayflow .box-right a:hover {
	color: #fff;
	background: #47849a;
}

.life-day .dayflow .am0800 figure {
	margin-bottom: 60px;
}
.life-day .dayflow .am0800 figure .imgPc {
	position: absolute;
	bottom: -90px;
	left: -127px;
}
.life-day .dayflow .am0800 h2 {
	color: #f39800;
}
.life-day .dayflow .am0920 {
	margin: 235px 0 0;
} 
.life-day .dayflow .am0920 h2 {
	color: #6caddf;
}
.life-day .dayflow .am1000 {
	margin-top: -90px;
} 
.life-day .dayflow .am1000 h2 {
	color: #ec7599;
}
.life-day .dayflow .am1030 {
	margin-top: 145px;
} 
.life-day .dayflow .am1030 h2 {
	color: #f39800;
}
.life-day .dayflow .am1200 {
	margin-top: -165px;
} 
.life-day .dayflow .am1200 figure .imgPc {
	position: absolute;
	bottom: -70px;
	left: -130px;
}
.life-day .dayflow .am1200 h2 {
	color: #6caddf;
} 
.life-day .dayflow .am1300 {
	margin: 70px 0 0;
}
.life-day .dayflow .am1300 h2 {
	color: #6caddf;
}
.life-day .dayflow .am1330 {
	margin-top: -40px;
}
.life-day .dayflow .am1330 h2 {
	color: #f39800;
}
.life-day .dayflow .am1420 {
	margin-top: 120px;
}
	@media(min-width:1px) and (max-width:800px) {
		.life-day .dayflow .box-left figure {
			margin-right: -2.4%;
		}
		.life-day .dayflow .box-right figure {
			margin-left: -1.8%;
		}
		.life-day .dayflow .box-left h2,
		.life-day .dayflow .box-left p {
			margin-right: 10%;
		}
		.life-day .dayflow .box-right h2,
		.life-day .dayflow .box-right p,
		.life-day .dayflow .box-right a {
			margin-left: 10%;
		}
		.life-day .dayflow .am0800 figure .imgPc,
		.life-day .dayflow .am1200 figure .imgPc {
			display: none;
		}
		.life-day .dayflow .am0800 figure {
			margin-bottom: 20px;
		}
	}
	@media(min-width:1px) and (max-width:480px) {
		.life-day .cont h2 {
			font-size: 114%;
		}
		.life-day .dayflow p {
			line-height: 140%;
		}
		.life-day .dayflow .box-right a {
			padding: 10px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		.life-day .dayflow .am0920 {
			margin-top: 120px;
		}
		.life-day .dayflow .am1000 {
			margin-top: -40px;
		}
		.life-day .dayflow .am1030 {
			margin-top: 100px;
		}
		.life-day .dayflow .am1200 {
			margin-top: -100px;
		}
		.life-day .dayflow .am1300 {
			margin-top: 100px;
		}
		.life-day .dayflow .am1330 {
			margin-top: 10px;
		}
		.life-day .dayflow .am1420 {
			margin-top: 150px;
		}
	}

/* link-wrap */
.life-day .link-wrap {
	margin: 90px 0 0;
}
.life-day .link-wrap p {
	padding: 0 0 20px;
	font-size: 133%;
	font-weight: 700;
}
.life-day .link-wrap p br {
	display: none;
}
.life-day .link-wrap a {
	display: block;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	line-height: 50px;
	text-align: center;
	color: #47849a;
	border: 1px solid #2282c0;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	transition: all .3s;
}
.life-day .link-wrap a:hover {
	color: #fff;
	background: #47849a;
}
.life-day .link-wrap ul {
	text-align: center;
}
.life-day .link-wrap li {
	display: inline-block;
	max-width: 310px;
	width: 100%;
	margin: 0 15px;
}
	@media(min-width:1px) and (max-width:640px) {
		.life-day .link-wrap {
			margin: 60px 0 0;
		}
		.life-day .link-wrap p {
			font-size: 124%;
		}
		.life-day .link-wrap p br {
			display: block;
		}
		.life-day .link-wrap li {
			margin: 0;
		}
	}


/* year
-------------------------------------------------------------------- */
/* yearflow */
.life-year .yearflow {
	position: relative;
}
.life-year .yearflow:after,
.life-year .box-left:after,
.life-year .box-right:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.life-year .yearflow:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	content: "";
	background: #47849a;
}
.life-year .yearflow dt {
	position: relative;
	width: 130px;
	height: 50px;
	margin: 0 0 25px 0;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 125%;
	background: #47849a;
}
.life-year .yearflow dd {
	font-size: 93.75%;
}
.life-year .yearflow dt:before {
	position: relative;
}
.life-year .yearflow dt:after {
	display: block;
	position: absolute;
	top: 50%;
	width: 16px;
	height: 16px;
	content: "";
	background: #47849a;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
.life-year .yearflow figure img {
	width: 100%;
}
.life-year .box-left,
.life-year .box-right {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.life-year .box-left {
	clear: both;
	padding: 0 30px 0 0;
}
.life-year .box-right {
	padding: 0 0 0 30px;
}
.life-year  .box-left .img,
.life-year  .box-left figure {
	width: 66%;
	float: left;
}
.life-year  .box-left .img figure {
	width: 100%;
	float:  none;
}
.life-year  .box-left .img figure +figure {
	margin-top: 15px;
}
.life-year  .box-left figure + dl {
	width: 30%;
	float: right;
}
.life-year .box-left dt {
	margin-left: auto;
}
.life-year .box-left dt:before {
	border-left: 13px solid #47849a; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
	content: "";
	position: absolute;
	right: -13px;
	top: 50%;
	margin-top: -8px;
}
.life-year .box-left dt:after {
	right: -39px;
}
.life-year  .box-left dd {
	padding: 0 10px 0 0;
	text-align: right;
}
.life-year  .box-right figure {
	width: 66%;
	float: right;
}
.life-year  .box-right figure + dl {
	width: 30%;
	float: left;
}
.life-year  .box-right dt:before {
	border-right: 13px solid #47849a; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
	content: "";
	position: absolute;
	left: -13px;
	top: 50%;
	margin-top: -8px;
}
.life-year  .box-right dt:after {
	left: -37px;
}
.life-year  .box-right dd {
	padding: 0 0 0 10px;
}


.life-year .year05 {
	margin-top: 160px;
}
.life-year .year06 {
	margin-top: 40px;
}
.life-year .year07 {
	margin-top: 195px;
}
.life-year .year09 {
	margin-top: 65px;
}
.life-year .year10 {
	margin-top: 230px;
}
.life-year .year11 {
	margin-top: 40px;
}
.life-year .year12 {
	margin-top: 200px;
}
.life-year .year01 {
	margin-top: 60px;
}
.life-year .year02 {
	margin-top: 225px;
}
.life-year .year03 {
	margin-top: -55px;
}
	@media(min-width:1px) and (max-width:1050px) {
		.life-year .yearflow dt {
			max-width: 85px;
		}
	}
	@media(min-width:1px) and (max-width:900px) {
		.life-year .box-right {
			clear: both;
			width : -webkit-calc(100% - 30px) ;
			width : calc(100% - 30px) ;
			padding: 0 0 0 50%;
			margin: 0 0 0 30px;
		}
		.life-year .yearflow dt {
			max-width: 130px;
			width: 100%;
			height: auto;
			line-height: 100%;
			padding: 10px;
			box-sizing: border-box;
		}
		.life-year .box-left .img,
		.life-year .box-left figure {
			max-width: 260px;
			width: 100%;
			float: none;
			margin: 0 0 10px auto;
		}
		.life-year .box-left figure + dl {
			width: 100%;
			float: none;
		}
		.life-year .box-right figure {
			max-width:260px;
			width: 100%;
			float: none;
			margin: 0 0 10px 0;
		}
		.life-year .box-right figure + dl {
			width: 100%;
			float: none;
		}
		.life-year .year05 {
			margin-top: 30px;
		}
		.life-year .year06 {
			margin-top: -60px;
		}
		.life-year .year07 {
			margin-top: 30px;
		}
		.life-year .year09 {
			margin-top: -50px;
		}
		.life-year .year10 {
			margin-top: -50px;
		}
		.life-year .year11 {
			margin-top: -80px;
		}
		.life-year .year12 {
			margin-top: 0px;
		}
		.life-year .year01 {
			margin-top: 60px;
		}
		.life-year .year02 {
			margin-top: 0px;
		}
		.life-year .year03 {
			margin-top: -50px;
		}
	}
	@media(min-width:1px) and (max-width:480px) {
		.life-year .yearflow dt {
			font-size: 114%;
			padding: 7px 10px;
			margin: 0 0 10px;
		}
		.life-year .yearflow dt:after {
			width: 12px;
			height: 12px;
		}
		.life-year .box-left dt:after {
			right: -37px;
		}
		.life-year .box-right dt:after {
			left: -35px;
		}
		.life-year .box-left dd {
			line-height: 140%;
		}
		.life-year .year12 {
			margin-top: -50px;
		}
		.life-year .year01 {
			margin-top: 30px;
		}
		.life-year .year02 {
			margin-top: -20px;
		}
		.life-year .year03 {
			margin-top: -70px;
		}
	}

/*==================================================
blog
==================================================*/
.blog-archive .page-cont:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.blog-main {
	width: 70%;
	float: left;
}
.blog-side {
	width: 26%;
	float: right;
}
.blog .blog-main {
	margin-top: -100px;
}
.blog .blog-main h2.category {
	position: relative;
	top: 100px;
}
.bloglist {
	padding-top: 100px;
}
.blog-inner img {
	max-width: 700px;
	height: auto;
}
	@media(min-width:1px) and (max-width: 1100px) {
		.blog-inner img {
			width: 100%;
			max-width: auto;
			height: auto;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.blog-main {
			width: 100%;
			float: none;
		}
		.blog-side {
			width: 100%;
			float: none;
		}
	}

/* blog-main */
.blog-main .blog-head {
	margin: 0 0 35px;
}
.blog-main .blog-head h2 {
	margin: 0 0 15px;
	font-size: 185%;
	font-weight: 700;
}
.blog-main .blog-head .date {
	margin: 0;
	text-align: right;
	color: #47849a;
	font-size: 81.25%;
}
.blog-main p,
.blog-main ul,
.blog-main ol {
	line-height: 240%;
}
.blog-main p img {
	margin: 0 0 10px;
}
.blog-main ul,
.blog-main ol {
	margin-left: 20px;
}
.blog-main ul li {
	list-style-type: disc;
}
.blog-main ol li {
	list-style-type: decimal;
}
.blog-main a {
	text-decoration: underline;
	color: #005a84;
}
.blog-main figure {
	margin: 0 0 15px;
}
.blog-main figure +p,
.blog-main figure + ul,
.blog-main figure + ol {
	margin-top: 40px;
}
	@media(min-width:1px) and (max-width: 768px) {
		.blog-main .blog-head {
			margin: 0 0 10px;
		}
	}


/* blog-side */
.blog-side > div {
	margin: 0 0 65px;
}
.blog-side h3 {
	position: relative;
	padding: 13px 15px;
	margin: 0 0 35px;
	text-align: center;
	color: #fff;
	border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #ccc;
}
.blog-side h3:after {
	border-top: 18px solid #ccc;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -10px; 
}
.blog-side ul {
	margin: 0 10px;
}
.blog-side li {
	margin: 0 0 5px;
	font-size: 90%;
	letter-spacing: 0;
}
.blog-side li a {
	text-decoration: underline;
}
.blog-side .btn {
	display: block;
	max-width: 200px;
	width: 100%;
	margin: 25px auto 0;
	height: 40px;
	line-height: 40px;
	color: #47849a;
	text-align: center;
	border: 2px solid #47849a;
	border-radius: 24px; 
	-webkit-border-radius: 24px; 
	-moz-border-radius: 24px;
	transition: all .3s;
}
.blog-side .btn:hover {
	color: #fff;
	background: #47849a;
}
.blog-side .btn:after {
	display: none;
}
.blog-side .side-newarticle h3 {
	background: #6caddf;
}
.blog-side .side-newarticle h3:after {
	border-top-color: #6caddf;
}
.blog-side .side-category h3 {
	background: #f39800;
}
.blog-side .side-category h3:after {
	border-top-color: #f39800;
}
.blog-side .side-backnumber h3 {
	background: #ec7599;
}
.blog-side .side-backnumber h3:after {
	border-top-color: #ec7599;
}
/* side_backnumber */
.side-backnumber dl {
	padding: 0 0 0 20px;
}
.side-backnumber dt {
	position: relative;
	margin: 20px 0 0;
}
.side-backnumber dt:before {
	display: block;
	position: absolute;
	top: 7px;
	left: -18px;
	width: 12px;
	height: 12px;
	content: "";
	background: #444;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.side-backnumber dd {
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 93.3%;
}

	@media(min-width:1px) and (max-width: 768px) {
		.blog-side li {
			margin: 0 0 10px;
			border-bottom: 1px dotted #ccc;
		}
		.blog-side li a {
			padding: 5px 0;
		}
	}

/*==================================================
letter
==================================================*/
.letter .page-cont .linkbox {
	padding: 20px;
	margin: 0 0 30px;
	background: #f9f9f2;
}
.letter .page-cont .linkbox a {
	color: #005a84;
	text-decoration: underline;
}
.letter .page-cont .txt {
	margin: 0 0 30px;
}
.letter .page-cont h3 {
	position: relative;
	width: 24.2%;
	float: left;
	padding-right: 2%;
	padding: 5px 15px;
	margin: 0 0 20px;
	font-size: 134%;
	color: #7d7d7d;
	box-sizing: border-box;
}
.letter .page-cont h3:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	content: "";
	background: rgb(243,151,2);
	background: -moz-linear-gradient(top, rgba(243,151,2,1) 0%, rgba(255,107,145,1) 50%, rgba(99,205,242,1) 100%);
	background: -webkit-linear-gradient(top, rgba(243,151,2,1) 0%,rgba(255,107,145,1) 50%,rgba(99,205,242,1) 100%);
	background: linear-gradient(to bottom, rgba(243,151,2,1) 0%,rgba(255,107,145,1) 50%,rgba(99,205,242,1) 100%); 
}
.letter .page-cont ul {
	margin: 0;
}
.letter .page-cont li {
	margin: 0 0 10px;
}
.letter .list-wrap dl {
	width: 48%;
	float: left;
	margin: 0 4% 4% 0;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
}
.letter .list-wrap dl:nth-child(2n) {
	margin-right: 0;
}
.letter .page-cont dt {
	padding: 10px 30px;
	color: #fff;
	font-size: 120%;
	background: #006d9a;
}
.letter .list-wrap:after,
.letter .list-wrap dd ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.letter .list-wrap dd {
	padding: 25px 35px;
}
.letter .list-wrap dd li {
	width: 50%;
	float: left;
	padding: 0 3% 0 0;
	box-sizing: border-box;
}
.letter .list-wrap dd li:nth-child(2n) {
	padding: 0 0 0 3%;
}
.letter .list-wrap dd li:nth-child(2n+1) {
	clear: both;
}
.letter .column01 {
	margin: 0 0 15px;
}
.letter .column02 {
	margin: 0 0 50px;
}
.letter .column02:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.letter .column02 h3 {
	position: relative;
	width: 24.2%;
	float: left;
	padding-right: 2%;
	box-sizing: border-box;
}
.letter .column02 ul {
	width: 75.8%;
	float: right;
}
.letter .column02 li {
	width: 33.333%;
	float: left; 
	padding: 0 3% 0 0;
	box-sizing: border-box;
}
.letter .column02.list03 li {
	width: 20%;
}
.letter .column02.list04 li {
	width: 50%;
}
.letter .column02 li a {
	display: block;
	position: relative;
	padding: 0 0 0 25px;
	text-decoration: underline;
}
.letter .column02 li a:after {
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 17px;
	height: 20px;
	content: "";
	background: url(../img/icn_pdf_small.png) no-repeat 0 0;
}
	@media(min-width:1px) and (max-width: 900px) {
		.letter .list-wrap dd li {
			width: 100%;
			float: none;
			padding: 0;
		}
		.letter .list-wrap dd li:nth-child(2n) {
			padding: 0;
		}
		.letter .column02 li {
			width: 47%;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.letter .column02 h3 {
			width: 100%;
			float: none;
			padding-right: 0%;
		}
		.letter .column02 ul {
			width: 100%;
			float: none;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.letter .list-wrap dd {
			padding: 25px 7%;
		}
		.letter .txt-pdf p:first-child,
		.letter .txt-pdf p:last-child {
			display: block;
		}
		.letter .txt-pdf p:last-child {
			width: auto;
			text-align: left;
			margin-top: 10px;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.letter .list-wrap dl {
			width: 100%;
			float: none;
			margin: 0 0 20px;
		}
		.letter .column02 li {
			width: 100%;
			float: none;
			padding: 0;
		}
		.letter .column02.list03 li {
			width: 33.333%;
			float: left;
		}
		.letter .column02.list04 li {
			width: 100%;
		}
	}

/* txt-pdf */
.letter .txt-pdf p {
	margin: 0;
}
.letter .txt-pdf p:first-child {
	display: table-cell;
	font-size: 86%;
	vertical-align: middle;
}
.letter .txt-pdf p:last-child {
	width: 130px;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
	@media(min-width:1px) and (max-width: 640px) {
		.letter .txt-pdf p:first-child,
		.letter .txt-pdf p:last-child {
			display: block;
		}
		.letter .txt-pdf p:last-child {
			width: auto;
			text-align: left;
			margin-top: 10px;
		}
	}


/*==================================================
exam
==================================================*/
/* expenses
-------------------------------------------------------------------- */
.expenses table th {
	width: 26%;
}
.expenses table th + td {
	width: 20%;
}
	@media(min-width:1px) and (max-width: 640px) {
		.expenses table th {
			width: 150px;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.expenses table th {
			display: block;
			width: 100%;
			border-right: none;
		}
		.expenses table th + td {
			width: 100%;
			padding-bottom: 0;
			border-right: none;
		}
		.expenses table td {
			display: block;
			width: 100%;
		}
	}

/* guidance
-------------------------------------------------------------------- */
.guidance table th {
	width: 200px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.guidance table th {
			width: 150px;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.guidance table th {
			display: block;
			width: 100%;
			border-right: none;
		}
		.guidance table td {
			display: block;
			width: 100%;
			border-right: none;
		}
	}

/*==================================================
prekinder
==================================================*/
/* day
-------------------------------------------------------------------- */
.pk-day .cont {
	position: relative;
	max-width: 910px;
	width 100%;
	margin: 0 auto;
}
.pk-day .cont h2 {
	margin: 0 0 10px;
	font-size: 125%;
	font-weight: 700;
	text-align: center;
}
.pk-day .cont p {
	text-align: center;
	font-size: 93.75%;
}
.pk-day .cont .start figure {
	position: relative;
	margin: 30px auto 0;
	text-align: center;
}
.pk-day .cont .start figure img {
	position: relative;
	text-align: center;
}
.pk-day .cont .start figure .imgPc {
	position: absolute;
}
.pk-day .cont .start figure .stimg01 {
	top: 10px;
	right: 0px;
}
.pk-day .cont .start figure .stimg02 {
	right: 140px;
	bottom: -140px;
}

/* dayflow */
.pk-day .dayflow {
	position: relative;
	margin: 30px 0;
}
.pk-day .dayflow:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.pk-day .dayflow:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	content: "";
	background: #47849a;
}
.pk-day .dayflow figure {
	position: relative;
	margin: 0 0 20px;
}
.pk-day .dayflow h3 {
	margin: 10px 0;
	font-weight: 700;
}
.pk-day .dayflow p {
	text-align: left;
	line-height: 200%;
}

.pk-day .dayflow .box-left {
	clear: both;
	width: 50%;
	float: left;
}
.pk-day .dayflow .box-left figure {
	text-align: right;
	margin-right: -9px;
}
.pk-day .dayflow .box-left h2,
.pk-day .dayflow .box-left p {
	margin-right: 40px;
}
.pk-day .dayflow .box-left h2 {
	text-align: right;
}
.pk-day .dayflow .box-right {
	width: 50%;
	float: right;
}
.pk-day .dayflow .box-right figure {
	margin-left: -7px;
}
.pk-day .dayflow .box-right h2,
.pk-day .dayflow .box-right p,
.pk-day .dayflow .box-right a {
	margin-left: 40px;
}
.pk-day .dayflow .box-right h2 {
	text-align: left;
}
.pk-day .dayflow .box-right a {
	display: block;
	max-width: 310px;
	width: 90%;
	padding: 15px 10px;
	margin: 10px auto 0;
	text-align: center;
	color: #47849a;
	border: 1px solid #2282c0;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	box-sizing: border-box;
	transition: all .3s;
}
.pk-day .dayflow .box-right a:hover {
	color: #fff;
	background: #47849a;
}

.pk-day .dayflow .am0900 figure {
	margin-top: 30px;
	margin-bottom: 30px;
}
.pk-day .dayflow .am0900 figure .imgPc {
	position: absolute;
	top: -100px;
	left: -97px;
}
.pk-day .dayflow .am0900 h2 {
	color: #f39800;
}
.pk-day .dayflow .am0900 p {
	text-align: right;
}
.pk-day .dayflow .am1000 {
	margin: 180px 0 0;
} 
.pk-day .dayflow .am1000 h2 {
	color: #6BADDF;
}
.pk-day .dayflow .am1030 {
	margin-top: -50px;
} 
.pk-day .dayflow .am1030 h2 {
	color: #EB7598;
}
.pk-day .dayflow .am1145 {
	margin-top: 160px;
	margin-bottom: 50px;
}

.pk-day .cont .end figure {
	margin: 30px auto;
	text-align: center;
}
.pk-day .cont .end figure img {
	text-align: center;
	width: 280px;
}

	@media(min-width:1px) and (max-width:960px) {
		.pk-day .cont .start figure .stimg01 {
			right: -50px;
		}
		.pk-day .cont .start figure .stimg02 {
			right: 90px;
		}
	}
	@media(min-width:1px) and (max-width:800px) {
		.pk-day .dayflow .box-left figure {
			margin-right: -2.4%;
		}
		.pk-day .dayflow .box-right figure {
			margin-left: -1.8%;
		}
		.pk-day .dayflow .box-left h2,
		.pk-day .dayflow .box-left p {
			margin-right: 10%;
		}
		.pk-day .dayflow .box-right h2,
		.pk-day .dayflow .box-right p,
		.pk-day .dayflow .box-right a {
			margin-left: 10%;
		}
		.pk-day .dayflow .start figure .imgPc,
		.pk-day .dayflow .am0900 figure .imgPc {
			display: none;
		}
		.pk-day .dayflow .am0800 figure {
			margin-bottom: 20px;
		}
	}
	@media(min-width:1px) and (max-width:768px) {
		.pk-day .cont .start figure .stimg01 {
			display: none;
		}
		.pk-day .cont .start figure .stimg02 {
			right: -5%;
		}
		.pk-day .dayflow .am0900 p {
			text-align: left;
		}
	}
	@media(min-width:1px) and (max-width:520px) {
		.pk-day .cont .start figure .stimg02 {
			display: none;
		}
		.pk-day .cont .end figure img {
			width: 50%;
		}
	}
	@media(min-width:1px) and (max-width:480px) {
		.pk-day .cont h2 {
			font-size: 114%;
		}
		.pk-day .dayflow p {
			line-height: 140%;
		}
		.pk-day .dayflow .box-right a {
			padding: 10px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		.pk-day .dayflow .am0900 {
			margin-top: 0;
		}
		.pk-day .dayflow .am1000 {
			margin-top: 80px;
		}
		.pk-day .dayflow .am1030 {
			margin-top: 0px;
		}
		.pk-day .dayflow .am1145 {
			margin-top: 150px;
		}
		.pk-day .dayflow .end {
			margin-top: 100px;
		}

	}
/* pk-system
-------------------------------------------------------------------- */
.pk-system .list {
	margin-left: 20px;
	margin-bottom: 50px;
}
.pk-system .list li {
	list-style: decimal;
}
.pk-system .link_sdgkinder {
	padding-bottom: 30px;
}
.pk-system table .txt-center {
	text-align: center;
}
	@media(min-width:1px) and (max-width: 640px) {
		.pk-system .list {
			margin-bottom: 30px;
		}
	}


/* pk-experience
-------------------------------------------------------------------- */
.pk-experience  table th {
	width: 200px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.pk-experience table th {
			width: 150px;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.pk-experience table th {
			display: block;
			width: 100%;
			border-right: none;
		}
		.pk-experience table td {
			display: block;
			width: 100%;
			border-right: none;
		}
	}


/*==================================================
faq
==================================================*/
.faq dt {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 45px;
	color: #47849a;
	font-size: 120%;
	font-weight: 700;
}
.faq dt span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	background: #47849a;
}
.faq dd {
	margin: 0 0 40px 45px;
}


/*==================================================
access
==================================================*/
.access section {
	max-width: 642px;
	width: 100%;
	margin: 0 auto;
}
.access section h2 br {
	display: none;
}
.access section figure {
	padding: 5px;
	margin: 0 0 10px;
	background: #6caddf;
	box-sizing: border-box;
}
.access .cont02 figure {
	background: #f4a41e;
}
.access .cont03 figure {
	background: #ec7599;
}
.access section figure +h2 {
	margin-top: 100px;
}
.access section dt {
	position: relative;
	padding: 0 0 0 35px;
	color: #005a84;
	font-size: 116%;
}
.access section dt:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 30px;
	content: "";
	background: url(../img/icn_train.svg) no-repeat 0 0;
	background-size: contain;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
	@media(min-width:1px) and (max-width: 768px) {
		.access section h2 br {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.access section figure +h2 {
			margin-top: 18%;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.access section h2 br {
			display: none;
		}
	}

/*==================================================
privacy
==================================================*/
.privacy .cont01 ol {
	margin-left: 20px;
}
.privacy .cont01 ol li {
	margin-bottom: 20px;
	list-style: decimal;
}
.privacy .cont02 h2 br {
	display: none;
}
.privacy .cont02 p {
	text-align: center;
}
.privacy .cont02 p a {
	color: #47849a;
	text-decoration: underline;
}
	@media(min-width:481px) and (max-width: 768px) {
		.privacy .cont02 h2 br {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.privacy .cont02 p {
			text-align: left;
		}
	}

/*==================================================
contact
==================================================*/
.contact .link_sdgkinder {
	max-width: 400px;
	margin: 30px auto 0;
}
.contact .cont02 {
	text-align: center;
}
.contact .cont02 .btnContact {
	display: block;
	max-width: 310px;
	width: 100%;
	height: 50px;
	margin: 0 auto 15px;
	line-height: 50px;
	text-align: center;
	color: #47849a;
	border: 1px solid #2282c0;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	transition: all .3s;
}
.contact .cont02 .btnContact:hover {
	color: #fff;
	background: #47849a;
}
.contact .cont02 .btnContact:last-of-type {
	margin-bottom: 30px;
}
	@media(min-width:1px) and (max-width: 480px) {
		.contact .link_sdgkinder {
			margin-top: 20px;
		}
	}


/*==================================================
news
==================================================*/
/* news-index
-------------------------------------------------------------------- */
.news-index .newsList li {
	border-bottom: 1px dotted #ccc;
}
.news-index .newsList li a {
	display:block;
	padding: 14px 5px;
}
.news-index .newsList li p:first-child {
	display: table-cell;
	width: 250px;
	color: #333;
}
.news-index .newsList li a:hover {
	color: #333;
}
.news-index .newsList li p:last-child {
	display: table-cell;
}
.news-index .newsList li a:hover p:last-child {
	color: #005a84;
}
	@media(min-width:1px) and (max-width: 640px) {
		.news-index .newsList li {
			border-bottom: 1px dotted #ccc;
		}
		.news-index .newsList li p:first-child,
		.news-index .newsList li p:last-child {
			display: block;
		}
		.news-index .newsList li p:first-child {
			margin: 0 0 5px;
		}
	}



.news-main {
	width: 70%;
	float: left;
}
.news-side {
	width: 26%;
	float: right;
}
	@media(min-width:1px) and (max-width: 768px) {
		.news-main {
			width: 100%;
			float: none;
		}
		.news-side {
			width: 100%;
			float: none;
		}
	}
.news-entry p {
	margin-bottom: 0;
}



/* pager */
ol.pager {
	position: relative;
	margin: 100px 0 0;
	text-align: center;
	z-index: 10;
}
ol.pager li {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
ol.pager li.number {
	width: 30px;
	margin: 0 3px;
	text-align: center;
}
ol.pager li a {
	color: #005a84;
}
ol.pager li.number a,
ol.pager li.number span {
	display: block;
	width: 100%;
	width: 100%;
	border: 1px solid #005a84;
	background: #fff;
	text-decoration: none;
}
ol.pager li.number span,
ol.pager li.number a:hover {
	color: #fff;
	font-weight: 700;
	border: 1px solid #005a84;
	background: #005a84;
}
ol.pager li.pev a,
ol.pager li.next a {
	position: relative;
	margin: 10px 0 0;
	padding: 0 20px;
}
ol.pager li.pev a:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-bottom: 2px solid #005a84;
	border-left: 2px solid #005a84;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
ol.pager li.next a:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid #005a84;
	border-right: 2px solid #005a84;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	@media(min-width:1px) and (max-width: 768px) {
		ol.pager {
			margin: 10% 0 50px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		ol.pager li.pev span,
		ol.pager li.next span {
			display: none;
		}
	}


/* news-archive
-------------------------------------------------------------------- */
.news-archive .side-newarticle li {
	border-bottom: 1px dotted #ccc;
}

/* pager-detail */
.news-archive .pager-detail,
.blog-archive .pager-detail {
	margin: 50px 0 50px;
	text-align: center;
}
.news-archive .pager-detail li,
.blog-archive .pager-detail li {
	display: inline-block;
	padding: 0 20px;
}
.news-archive .pager-detail li.back,
.blog-archive .pager-detail li.back {
	padding: 0 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.news-archive .pager-detail li a,
.blog-archive .pager-detail li a,
.news-archive .pager-detail li small,
.blog-archive .pager-detail li small {
	text-decoration: none;
	color: #005a84;
}
.news-archive .pager-detail li small,
.blog-archive .pager-detail li small {
	color: #ccc;
}
	@media(min-width:1px) and (max-width: 640px) {
		.news-archive .pager-detail,
		.blog-archive .pager-detail {
			margin: 10% 0 20%;
		}
		.news-archive .pager-detail:after,
		.blog-archive .pager-detail:after {
			content: "";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		.news-archive .pager-detail li,
		.blog-archive .pager-detail li {
			display: block;
			width: 33.333%;
			float: left;
			padding: 0;
			border: 1px solid #005a84;
			box-sizing: border-box;
		}
		.news-archive .pager-detail li.back,
		.blog-archive .pager-detail li.back {
			border-left: none;
			border-right: none;
			padding: 0 5px;
		}
		.news-archive .pager-detail li.pev,
		.blog-archive .pager-detail li.pev {
			border-top-left-radius: 26px; 
			border-bottom-left-radius: 26px; 
			-webkit-border-top-left-radius: 26px;
			-webkit-border-bottom-left-radius: 26px; 
			-moz-border-radius-topleft: 26px;
			-moz-border-radius-bottomleft: 26px;
		}
		.news-archive .pager-detail li.next,
		.blog-archive .pager-detail li.next {
			border-top-right-radius: 26px; 
			border-bottom-right-radius: 26px; 
			-webkit-border-top-right-radius: 26px;
			-webkit-border-bottom-right-radius: 26px; 
			-moz-border-radius-topright: 26px;
			-moz-border-radius-bottomright: 26px;
		}
		.news-archive .pager-detail li a,
		.blog-archive .pager-detail li a,
		.news-archive .pager-detail li small,
		.blog-archive .pager-detail li small {
			display: block;
			padding: 15px 5px;
		}
	}
	@media(min-width:1px) and (max-width: 400px) {
		.news-archive .pager-detail,
		.blog-archive .pager-detail {
			position: relative;
			padding: 0 0 55px;
		}
		.news-archive .pager-detail li,
		.blog-archive .pager-detail li {
			width: 50%;
		}
		.news-archive .pager-detail li.pev,
		.blog-archive .pager-detail li.pev {
			border-right: none;
		}
		.news-archive .pager-detail li.back,
		.blog-archive .pager-detail li.back {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			border-right: 1px solid #005a84;
			border-left: 1px solid #005a84;
			border-radius: 26px; 
			-webkit-border-radius: 26px;
			-moz-border-radius: 26px;
		}
		.news-archive .pager-detail li.back a,
		.blog-archive .pager-detail li.back a,
		.news-archive .pager-detail li.back small,
		.blog-archive .pager-detail li.back small {
			padding: 10px 5px;
		}
	}

/*==================================================
program
==================================================*/
.program table th {
	width: 150px;
}
.program table td +td {
}
.program table td.days {
	background: #ecf8fe;
}
	@media(min-width:1px) and (max-width: 640px) {
		.program table th {
			display: block;
			width: 100%;
			border-right: none;
			box-sizing: border-box;
		}
		.program .table-base tr {
			border-bottom: none;
		}
		.program table td {
			display: block;
			width: 100%;
			border-right: none;
			box-sizing: border-box;
		}
		.program table th + td {
			width: 100%;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.program table {
			width: 100%;
		}
	}

/*Youtube埋め込み*/
.youtube-wrap {
	position: relative;
	padding-bottom: 56.25%;
}
.youtube-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*==================================================
ap.css
==================================================*/
/* .APWipeIn_element {
	opacity:0;
	position:relative;
}
.APWipeIn_blind {
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	top:0px;
	right:0px;
	z-index:1500;
}
.APWipeIn_blind_color {
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	top:0px;
	right:0px;
	z-index:1498;
}
#about.message .APWipeIn_blind {
	z-index:50;
}
#about.message .APWipeIn_blind_color {
	z-index:49;
}
.anim-border-top {
	position:absolute;
	height:5px;
	width:0px;
	background:#ddd;
	top:0px;
	left:0px;
	display:block;
	z-index:100;
}
.anim-border-left {
	position:absolute;
	height:0px;
	width:5px;
	background:#ddd;
	bottom:0px;
	left:0px;
	display:block;
	z-index:100;
}
.anim-border-bottom {
	position:absolute;
	height:5px;
	width:0px;
	background:#ddd;
	bottom:0px;
	right:0px;
	display:block;
	z-index:100;
}
.anim-border-right{
	position:absolute;
	height:0px;
	width:5px;
	background:#ddd;
	bottom:0px;
	right:0px;
	display:block;
	z-index:100;
} */
/*about*/
/* .pageTtl .inner h1{
	opacity:0;
	z-index:1600 !important;
}
#college_course .pageTtl .inner h1{
	opacity:1;
}
.categoryHeader,
.breadcrumb,
.pageTtl,
#about.message .pageMain .introduction,
#about.message .pageMain .pageInner,
#about.history .pageMain .pageInner section,
#about.facilities .pageMain > p,
#about.facilities .pageMain .facilitiesList li,
#about.emblem .pageMain .pageInner{
	position:relative;
	opacity:0;
} */