.pc{
	display:block !important;
}
.sp{
	display:none !important;
}
@media (max-width: 768px) {
	.pc{
		display:none !important;
	}
	.sp{
		display:block !important;
	}
}
p.intro{
	line-height:210%;
	margin-bottom:30px;
	font-size:17px;
	letter-spacing:1px;
}
.ani01 , .ani02 , .ani03 , .ani04 , .ani05 , .ani06 , .ani07{
  opacity: 0;
}
.is-animated {
  display:inline-block;
  overflow:hidden;
  position:relative;
}
.is-animated:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#477ebc;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),
             secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.ba p{
  animation:fadeIn 0.5s 1s;
  animation-fill-mode: both;
  opacity: 0;
}
.ba h2{
  animation:fadeIn 0.5s 1s;
  animation-fill-mode: both;
  opacity: 0;
}
@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }

a{
	transition: all .3s;
	text-decoration:none;
}
a:hover{
	opacity:0.7;
	text-decoration:none;
}
body {
  background: #fff;
  color: #222;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  -webkit-text-size-adjust: 100%;
  position: relative;
}
.bg{
	padding: 220px 0;
	transition: all 1.3s;
	position: relative;
	z-index: 0;
	margin-bottom: -30px;
}
.bg01{
	background:url(../img/online_img04.jpg) 0 0 no-repeat;
	background-size:cover;
}
.bg02{
	padding: 180px 0;
	background:url(../img/h2_bg02.jpg) 0 0 no-repeat;
	background-size:cover;
}
.bg03{
	padding: 180px 0;
	background:url(../img/h2_bg03.jpg) 0 0 no-repeat;
	background-size:cover;
}
.bg04{
	padding: 180px 0;
	background:url(../img/h2_bg04.jpg) 0 0 no-repeat;
	background-size:cover;
}
.bg05{
	padding: 180px 0;
	background:url(../img/h2_bg05.jpg) 0 0 no-repeat;
	background-size:cover;
}
.bg06{
	background:url(../img/acc_bg.jpg) 0 0 no-repeat;
	background-size:cover;
}
.bg07{
	padding: 180px 0;
	background:url(../img/h2_bg07.jpg) 0 0 no-repeat;
	background-size:cover;
}
.bg08{
	padding: 180px 0;
	background:url(../img/online_img07.jpg) 0 0 no-repeat;
	background-size:cover;
}
.flow_bg{
	background:url(../img/flow_bg.gif) 0 0 no-repeat;
	background-size:cover;
	padding-top: 50px !important;
}
.faq_bg{
	background:url(../img/faq_bg.png);
	padding-top: 50px !important;
}
.acc_bg{
	background:url(../img/h2_bg06.jpg) 0 0 no-repeat;
	background-size:cover;
	padding-top: 50px !important;
}
.bg09{
	padding: 180px 0;
	background:url(../img/h2_bg09.jpg) 0 0 no-repeat;
	background-size:cover;
}

@media (max-width: 1024px) {
	.bg , .bg02 , .bg03 , .bg04 , .bg05 , .bg06 , .bg07 , .bg09{
		padding: 120px 0;
	}
}
@media (max-width: 600px) {
	.bg , .bg02 , .bg03 , .bg04 , .bg05 , .bg06 , .bg07 , .bg09{
		padding: 80px 0;
	}
	.bg{
		margin-bottom: -18px;
	}
}
@media (max-width: 420px) {
	.bg{
		margin-bottom: -16px;
	}
}
@media (max-width: 320px) {
	.bg{
		margin-bottom: -14px;
	}
}
.scrt-cover {
  overflow-x: hidden;
  position: relative;
  display: block;
	z-index: -2;
}
.scrt-cover.visible:after, .scrt-cover.visible:before {
  right: -100%;
}
.scrt-cover:before {
  content: "";
  position: absolute;
	z-index: 0;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  background-color: #477ebc;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.scrt-cover:after {
  content: "";
  position: absolute;
	z-index: 0;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: 0;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
}
.page{
  position: relative;
  font-size: 15px;
  font-weight: 500;
	padding: 150px 0;
}
.page2 {
	padding: 0 0 150px 0;
	position: relative;
}
@media (max-width: 600px) {
	.page{
	  font-size: 14px;
		padding: 100px 0;
	}
	.page2 {
		padding: 0 0 100px 0;
	}
}

.h2_info{
	margin-bottom:50px;
}
.h2_info h2{
	float: left;
}
.h2_info div{
	float: right;
}
.h2_info div a{
	display:block;
	background:url(../img/btn_bg2.jpg) 0 0 no-repeat;
	background-size:cover;
	padding:12px 40px;
	text-align:center;
	color:#fff;
	font-size:15px;
	transition: all .3s;
}
.h2_top{
	margin-bottom: 50px;
}
.h2_top p{
	font-size: 22px;
	letter-spacing: 3px;
	font-weight: bold;
	margin: 30px 0;
}
.second .intro{
	font-size: 16px !important;
	line-height: 200% !important;
	margin: 30px 0 !important;
	letter-spacing: 1px !important;
}
.information div {
	margin-top:30px;
	display: flex;
}
.information time {
  font-size: 16px;
  margin-right: 20px;
  display: inline-block;
  position: relative;
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
	color: #999;
	letter-spacing: 1px;
	vertical-align: middle;
}
.information a {
  -webkit-flex-basis: 85%;
  -ms-flex-preferred-size: 85%;
  flex-basis: 85%;
	font-size: 16px;
  display: inline-block;
	color: #3e8edd;
	vertical-align: middle;
}
.information a:hover {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.second .intro{
		font-size: 14px !important;
		line-height: 180% !important;
	}
	.h201{
		width: 160px;
	}
	.h2_info div a{
		padding:10px 10px;
		font-size:13px;
	}
	.h2_top{
		margin-bottom: 10px;
	}
	.h2_top p{
		font-size: 20px;
		letter-spacing: 2px;
	}
	.second .intro{
		font-size: 15px;
		line-height: 190%;
	}
	.information div {
		margin-top:24px;
		display: block;
	}
	.information time {
	  font-size: 14px;
	  margin-right: 0px;
		margin-bottom: 5px;
	  display: block;
	}
	.information a {
		font-size: 14px;
	  display: block;
	}
}
@media (max-width: 420px) {
	.h201{
		width: 150px;
	}
	.h2_info div a{
		padding:8px 8px;
		font-size:12px;
	}
	.h2_top p{
		font-size: 18px;
	}
	.information div {
		margin-top:20px;
	}
	.h2_info{
		margin-bottom:30px;
	}
}
@media (max-width: 320px) {
	.h201{
		width: 130px;
	}
	.h2_info div a{
		padding:6px 5px;
		font-size:12px;
		letter-spacing: -1px;
	}
	.h2_info{
		margin-bottom:20px;
	}
}

.about{
	padding: 30px 0 0 0;
}
.about div{
	float: left;
	width: 47%;
}
.about div:first-child{
	margin-right: 6%;
}
.about h3{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 30px auto 27px auto;
}
.about p{
	font-size: 16px;
	line-height: 190%;
	color: #555;
}
.about_after{
	border: 1px dashed #ccc;
	padding: 40px;
	margin: 60px 60px 0 60px;
	text-align: center;
}
.about_after p{
	font-size: 17px;
	letter-spacing: 1px;
	color: #3e8edd;
	margin: 0;
	line-height: 210%;
}
@media (max-width: 768px) {
 .h202{
	 width: 140px;
 }
}
@media (max-width: 600px) {
	.about div{
		float: none;
		width: 80%;
		margin-left: 10%;
		margin-bottom: 40px;
	}
	.about div:first-child{
		margin-right: 0;
	}
	.about h3{
		font-size: 16px;
		letter-spacing: 1px;
		margin: 25px auto 23px auto;
	}
	.about p{
		font-size: 14px;
		line-height: 175%;
	}
	.about_after{
		padding: 30px;
		margin: 40px 40px 0 40px;
	}
	.about_after p{
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 200%;
	}
}
@media (max-width: 420px) {
	 .h202{
		 width: 120px;
	 }
	.about div{
		width: 100%;
		margin-left: 0;
	}
	.about h3{
		font-size: 15px;
		letter-spacing: 1px;
		margin: 20px auto 17px auto;
	}
	.about_after{
		padding: 20px;
		margin: 0px 0px 0 0px;
	}
	.about_after p{
		font-size: 14px;
		line-height: 180%;
	}
}
@media (max-width: 320px) {
	.about div{
		width: 100%;
		margin-left: 0;
	}
	.about h3{
		font-size: 15px;
		letter-spacing: 1px;
		margin: 20px auto 17px auto;
	}
	.about_after{
		padding: 20px;
		margin: 0px 0px 0 0px;
	}
	.about_after p{
		font-size: 14px;
		line-height: 180%;
	}
}


.bg02 h2{
	margin-bottom: -26px;
	position: relative;
	z-index: 2;
	margin-left: 20px;
}
.multiple {
	padding: 0;
}
.multiple div {
	margin: 0;
}
.multiple .slick-next {
	right: -36px;
	z-index: 2;
}
.multiple .slick-prev {
	left: -36px;
	z-index: 2;
}

@media (max-width: 600px) {
	.bg02 h2{
		margin-bottom: -16px;
	}
	.bg02 h2 img{
		width:190px !important;
	}
	.multiple .slick-next {
		right: 6px;
		z-index: 2;
	}
	.multiple .slick-prev {
		left: 6px;
		z-index: 2;
	}
}

@media (max-width: 420px) {
	.h203{
		width: 290px;
	}
}
@media (max-width: 330px) {
	.h203{
		width: 260px;
	}
}
.feat img{
	cursor: pointer;
	transition: 0.4s;
	margin-bottom: 2px;
}
.feat img:hover{
	opacity: 0.9;
	transition: 0.4s;
}
.pull{
	padding: 50px;
	background-color: #f8f8f8;
}
.pull p{
	font-size: 17px;
	color: #555;
	letter-spacing: 1px;
	line-height: 200%;
}
.pull_detail p{
	float: left;
	width: 55%;
	margin-right: 5%;
}
.pull_detail .pull_img{
	float: right;
	width: 40%;
}
@media (max-width: 780px) {
	.pull{
		padding: 20px;
	}
	.pull p{
		font-size: 16px;
		letter-spacing: 0px;
		line-height: 190%;
	}
}
@media (max-width: 470px) {
  .h204{
    width: 390px;
  }
}
@media (max-width: 420px) {
  .h204{
    width: 320px;
  }
	.pull p{
		font-size: 14px;
		line-height: 180%;
	}
	.pull_detail p{
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.pull_detail .pull_img{
		float: none;
		width: 100%;
	}
}
@media (max-width: 360px) {
  .h204{
    width: 280px;
  }
}

.cource h3{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 3px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	display: inline-block;
	margin-bottom: 20px;
}
.cource p{
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 40px;
	line-height: 200%;
}
.join{
	padding: 50px;
	border: 1px solid #69b0dd;
	margin: -40px 0 60px 0;
	background:url(../img/price_bg.jpg) 0 0 no-repeat;
	background-size:cover;
	text-align: center;
}
.join p{
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	margin-bottom: 30px;
	line-height: 200%;
	font-size: 16px;
}
.join h3{
	font-weight: bold;
	color: #888;
	letter-spacing: 10px;
	font-size: 15px;
}
.join h4{
	font-weight: bold;
	color: #477ebc;
	letter-spacing: 1px;
	font-size: 22px;
}
.join span{
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: -3p;
	padding-bottom:10px;
	color: #477ebc;
}
.price0{
	color:#5185aa;
	font-size:15px;
	border: 1px solid #ccc;
	padding:12px 0 8px 0;
}
.price0 strong{
	color:#5185aa;
	font-size:24px;
}
.price{
	color:#5185aa;
	font-size:18px;
	font-weight: bold;
	text-align:left;
	margin:50px 0 18px 0;
	letter-spacing: 3px;
}
.func table , .func2 table{
	border-collapse: collapse;
	background:#fff;
	width:100%;
	table-layout:fixed;
	margin-bottom:15px;
}
.func table td , .func2 table td{
	padding: 10px 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align:center;
	font-size:16px;
	color:#333;
}
.func2 table td{
	padding: 20px 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align:center;
	font-size:15px;
	background:#FFFFFF;
	color:#333;
}
.func p , .fp{
	font-size:13px;
	margin:5px 0;
	color:#555;
}
.fp{
	font-size:15px;
	margin:10px 0;
}
.fp4{
	font-size:15px;
	margin:5px 0;
	color:#333;
}
.table_br{
	display:none;
}
@media (max-width: 768px) {
	.cource h3{
		font-size: 17px;
		letter-spacing: 3px;
	}
	.cource p{
		font-size: 15px;
		line-height: 190%;
	}
	.join{
		padding: 40px;
	}
	.join p{
		font-size: 20px;
	}
	.join h3{
		letter-spacing: 4px;
		font-size: 15px;
	}
	.join h4{
		letter-spacing: 1px;
		font-size: 20px;
	}
	.join span{
		font-size: 15px;
	}
	.price0{
		font-size:15px;
	}
	.price0 strong{
		font-size:18px;
	}
	.price{
		font-size:16px;
	}
	.func table td , .func2 table td{
		padding: 8px 8px;
		font-size:14px;
	}
	.func2 table td{
		padding: 8px 8px;
		font-size:14px;
	}
	.func p , .fp{
		font-size:12px;
		margin:4px 0;
	}
	.fp4{
		font-size:14px;
	}
}
@media (max-width: 480px) {
	.cource h3{
		font-size: 15px;
		letter-spacing: 2px;
	}
	.cource p{
		font-size: 14px;
		line-height: 180%;
	}
	.join{
		padding:36px 20px;
	}
	.join p{
		font-size: 19px;
		letter-spacing: 1px;
	}
	.join p br{
		display: none;
	}
	.join span{
		font-size: 13px;
	}
	.h206{
		width: 90px;
	}
	.h205{
		width: 140px;
	}
	.table_br{
		display:block;
	}
	.func table td , .func2 table td{
		padding: 10px 4px;
		font-size:12px;
	}
	.func2 table td{
		padding: 10px 4px;
		font-size:12px;
	}
}
@media (max-width: 480px) {
	.cource h3{
		font-size: 14px;
	}
	.cource p{
		font-size: 13px;
	}
	.join p{
		font-size: 16px;
		letter-spacing: 1px;
	}
	.join h3{
		font-size: 13px;
	}
	.join h4{
		font-size: 17px;
	}
	.join span{
		font-size: 12px;
	}
}



.flow{
	padding:15px 0 0 0;
}
.flow div:nth-child(1){
	float:left;
	width:30%;
	margin-right:5%;
}
.flow div:nth-child(2){
	float:right;
	width:65%;
}
.flow div:nth-child(1) p{
	border:1px solid #ccc;
	padding:14px 0;
	text-align:center;
	font-size:15px;
	color:#555;
	letter-spacing:3px;
	background:#fff;
}
.flow div:nth-child(2) p{
	font-size:14px;
	line-height:200%;
	color:#555;
}
.flow_last p{
	background:#477ebc !important;
	color:#fff !important;
	border:none !important;
}

@media (max-width: 768px) {
	.flow div:nth-child(1){
		float:none;
		width:100%;
		margin-right:0%;
	}
	.flow div:nth-child(2){
		float:none;
		width:100%;
	}
	.flow div:nth-child(1) p{
		border:1px solid #ccc;
		padding:10px 0;
		text-align:center;
		font-size:14px;
		color:#555;
		letter-spacing:3px;
		background:#fff;
	}
	.flow div:nth-child(2) p{
		font-size:13px;
		line-height:200%;
		color:#555;
		margin-top:10px;
	}
}
@media (max-width: 420px) {
	.h207{
		width: 90px;
	}
}
#faq dt{
	margin-top:10px;
}
#faq dd{
	background:#E8EFFF;
	padding:20px;
	color:#477ebc;
	text-align:left;
	margin:0;
}
.qNum {
	text-align: center;
	float: left;
	color: #FFF;
	display: block;
	background: #477ebc;
	margin: 0 10px 0 0;
	font-size:16px;
	padding:10px 14px;
}
.qTitle{
	float: left;
	display: block;
	font-weight: bold;
	margin: 0 10px 0 0;
	font-size:16px;
	padding:10px;
	font-weight:normal;
}
.ans {
	margin:0 .5em 0 0;
	font-weight:bold;
	line-height:180%;
}
@media (max-width: 768px) {
	.h208{
		width:430px;
	}
}
@media (max-width: 600px) {
	.h208{
		width:400px;
	}
}
@media (max-width: 500px) {
	.h208{
		width:380px;
	}
}
@media (max-width: 420px) {
	.h208{
		width:340px;
	}
	#faq dd{
		padding:14px;
		font-size: 14px;
	}
	.qNum {
		font-size:15px;
		padding:8px 10px;
		margin-right: 0;
	}
	.qTitle{
		font-size:14px;
		padding:8px;
		letter-spacing: -1px;
	}
	.ans {
		margin:0 .5em 0 0;
		font-weight:bold;
		line-height:180%;
	}
}
@media (max-width: 380px) {
	.h208{
		width:330px;
	}
	.qNum {
		font-size:13px;
		padding:6px 7px;
		margin-right: 3px;
	}
	.qTitle{
		font-size:14px;
		padding:8px 4px;
		letter-spacing: -1px;
	}
}
@media (max-width: 380px) {
	.h208{
		width:330px;
	}
	.qNum {
		font-size:13px;
		padding:6px 7px;
		margin-right: 3px;
	}
	.qTitle{
		font-size:14px;
		padding:8px 4px;
		letter-spacing: -1px;
	}
}
@media (max-width: 360px) {
	.h208{
		width:300px;
	}
	.qNum {
		font-size:13px;
		padding:6px 7px;
		margin-right: 1px;
	}
	.qTitle{
		font-size:13px;
		padding:8px 4px;
		letter-spacing: -1px;
	}
}
@media (max-width: 320px) {
	.h208{
		width:280px;
	}
	.qNum {
		font-size:12px;
		padding:4px 5px;
		margin-right: 1px;
	}
	.qTitle{
		font-size:13px;
		padding:4px 2px;
		letter-spacing: -2px;
	}
}
.repo div{
	width:30%;
	margin-right:5%;
	float:left;
}
.second .repo div{
	margin-bottom:50px;
}
.second .repo{
	margin-bottom:50px;
}
.repo div:nth-child(3) , .repo div:nth-child(6) , .repo div:nth-child(9) , .repo div:nth-child(12) ,
.repo div:nth-child(15) , .repo div:nth-child(18) , .repo div:nth-child(21) , .repo div:nth-child(24) ,
.repo div:nth-child(27) , .repo div:nth-child(30) , .repo div:nth-child(33) , .repo div:nth-child(36) ,
.repo div:nth-child(39) , .repo div:nth-child(42) , .repo div:nth-child(45) , .repo div:nth-child(48){
	margin-right:0%;
}
.repo div .thumbs{
	position: relative;
	width: 100%;
	height: 240px;
	overflow: hidden;
	margin-bottom: -26px;
}
.repo div .thumbs a{
	width:100%;
	height:200px;
	display:block;
	background:url(../img/thumb_logo.png) 0 0 no-repeat;
	background-size:cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.repo div .thumbs a:hover {
	opacity: 1;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 0.9
	);
}
.repo div h4{
	font-size:13px;
	font-weight:normal;
	color:#7E7E7E;
	margin:5px 0;
	padding:0;
	text-align:left;
}
.repo div strong{
	display:block;
	font-size:15px;
	color:#333;
	margin:0 0 10px 0;
}
.repo div strong:first-letter{
	color:#477ebc;
}
.repo div p{
	display:block;
	font-size:13px;
	color:#555;
	line-height:190%;
	margin:10px 0 10px 0;
}
.repo div .links{
	display:block;
	font-size:14px;
	color:#477ebc;
}
.repo div .links:hover{
	text-decoration:underline;
}
.repo .thumbs{
  background-image: url(../img/thumb_logo.png) 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 1024px) {
	.repo div .thumbs{
		height: 200px;
	}
	.repo div .thumbs a{
		height:160px;
	}
}
@media (max-width: 768px) {
	.h209{
		width: 100px;
	}
	.repo div{
		width:100%;
		margin-right:0%;
		margin-left:0%;
		float:none;
		margin-bottom:30px;
	}
	.repo div strong{
		font-size:15px;
	}
	.repo div p{
		display:block;
		font-size:14px;
	}
	.repo div .thumbs{
		height: 340px;
		margin-bottom: 15px;
	}
	.repo div .thumbs a{
		height:380px;
	}
}
@media (max-width: 480px) {
	.repo div{
		margin-bottom:50px;
	}
	.repo div .thumbs{
		height: 200px;
		margin-bottom: 15px;
	}
	.repo div .thumbs a{
		height:240px;
	}
}
@media (max-width: 320px) {
	.h209{
		width: 90px;
	}
	.repo div .thumbs{
		height: 180px;
	}
	.repo div .thumbs a{
		height:220px;
	}
}


#map{
	background:#fff;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	margin-bottom:30px;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 420px) {
	.h210{
		width: 130px;
	}
}
@media (max-width: 360px) {
	.h210{
		width: 110px;
	}
}

.sitemap{
	background:#477ebc url(../img/footer_bg.jpg) 0 0 no-repeat;
	background-size:cover;
	padding: 150px 0;
}
.sm{
	float: left;
	width: 23%;
	margin-right: 2%;
}
.sm2{
	float: left;
	width: 23%;
	margin-right: 0;
	margin-left: 2%
}
.sitemap a , .sitemap p{
	color: #fff;
	font-size: 15px;
	margin-bottom: 20px;
	display: block;
}
.sitemap a:last-child{
	margin-bottom: 0px;
}
.sitemap strong{
	display: block;
	margin-bottom: 20px;
}
.sm2 a{
	background: #fff;
	color: #477ebc;
	display: block;
	padding: 10px 10px;
	text-align: center;
	font-style: 13px;
	font-weight: bold;
}
.footer_logo{
	display: block;
	margin-bottom: 60px;
}
.footer_sns a{
	display: inline-block;
	margin: 10px 14px;
	color:#8e8e8e;
	font-size: 18px;
}
.footer_p{
	margin:140px 0 -140px 0;
	font-size: 12px;
	color:#737373;
	letter-spacing: 1px;
}
@media (max-width: 1024px) {
	.sitemap{
		padding: 100px 0;
	}
	.sitemap a , .sitemap p{
		font-size: 14px;
		margin-bottom: 20px;
	}
}
@media (max-width: 768px) {
	.sm{
		width: 46%;
		margin-right: 2%;
		margin-left: 2%;
		margin-bottom: 50px;
	}
	.sm2{
		width: 46%;
		margin-right: 2%;
		margin-left: 2%;
	}
}
@media (max-width: 600px) {
	.footer_p{
		margin:70px 0 -90px 0;
		font-size: 12px;
	}
}
@media (max-width: 500px) {
	.sm{
		width: 96%;
		margin-right: 2%;
		margin-left: 2%;
		margin-bottom: 50px;
		text-align: center;
	}
	.sm2{
		width: 96%;
		margin-right: 2%;
		margin-left: 2%;
		text-align: center;
	}
}


.contacts{
	margin-top:20px;
}
.contacts a{
	display:block;
	float: left;
	margin-left: 20px;
	background:url(../img/btn_bg1.jpg) 0 0 no-repeat;
	background-size:cover;
	padding:12px 30px;
	text-align:center;
	color:#477ebc;
	font-size:16px;
	transition: all .3s;
	border:1px solid #477ebc;
}
.contacts a:first-child{
	margin-left: 0px;
	font-size:17px;
}
.contacts a i{
	margin-right:15px;
}


@media (max-width: 768px) {
	.contacts a{
		margin-left: 0px;
		margin-top:5px;
		font-size:15px;
		float:none;
		display:block;
	}
	.contacts a:first-child{
		font-size:16px;
	}
}

@media (max-width: 768px) {
	#con2{
		margin-top:-640px;
		padding-top:640px;
	}
}

.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
			text-shadow:0px 1px #388DBE !important;
		border-color:#3390CA !important;
		background:#58B0E7 !important;
		background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
				text-shadow:0px 1px #388DBE !important;
		border-color:#3390CA !important;
		background:#58B0E7 !important;
		background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7)) !important;
}
.repoin div{
	display:none;
}
.repoin div:nth-child(1) , .repoin div:nth-child(2) , .repoin div:nth-child(3){
	display:block;
}

.online_about{
	text-align:center;
}
.gray{
	background:#f5f5f5;
}
@media (max-width: 840px) {
	.online_about img{
		width:90%;
	}
}
@media (max-width: 768px) {
	.online_about img{
		width:100%;
	}
}

.online_point{
	display:flex;
}
.online_point div:first-child{
	background:url(../img/online_img02.jpg) 0 0 no-repeat;
	background-size:cover;
	width:40%;
}
.online_point div:last-child{
	width:60%;
	background:#fff;
	padding:50px;
}
.online_point h3{
	color:#477ebc;
	letter-spacing:2px;
	font-size:22px;
	font-weight:bold;
	border-bottom:1px solid #eee;
	padding-bottom:8px;
	margin-bottom:24px;
	line-height:180%;
}
.online_point ul{
	padding-left:18px;
	font-size:16px;
}
.online_point ul li{
	margin-top:14px;
	color:#555;
}
@media (max-width: 990px) {
	.online_point div:first-child{
		width:40%;
	}
	.online_point div:last-child{
		width:60%;
		padding:20px;
	}
	.online_point h3{
		letter-spacing:1px;
		font-size:20px;
	}
	.online_point h3 br{
		display:none;
	}
	.online_point ul{
		padding-left:18px;
		font-size:15px;
	}
}

@media (max-width: 768px) {
	.online_point div:first-child{
		display:none;
	}
	.online_point div:last-child{
		width:100%;
		padding:30px;
	}
}
@media (max-width: 600px) {
	.online_point{
		display:block;
	}
	.online_point div:first-child{
		background:url(../img/online_img02_sp.jpg) 0 0 no-repeat;
		background-size:cover;
		display:block;
		width:100%;
		height:380px;
	}
	.online_point h3{
		margin-top:0px;
	}
}
@media (max-width:330px) {
	.online_point div:last-child{
		padding:18px;
	}
	.online_point h3{
		letter-spacing:0px;
		font-size:17px;
	}
	.online_point ul{
		font-size:14px;
	}
}



.online_feat{
	display:flex;
	margin-top:50px;
}
.online_feat div{
	width:28%;
	text-align:center;
}
.online_feat div:first-child{
	margin-right:8%;
}
.online_feat div:last-child{
	margin-left:8%;
}
.online_feat h3{
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:165%;
	margin:20px 0 10px 0;
}
.online_feat h3 span{
	color:#477ebc;
}
.online_feat p{
	text-align:left;
	font-size:16px;
	line-height:200%;
}


@media (max-width: 990px) {
	.online_feat div{
		width:30%;
		text-align:center;
	}
	.online_feat div img{
		width:80px;
	}
	.online_feat div:first-child{
		margin-right:5%;
	}
	.online_feat div:last-child{
		margin-left:5%;
	}
	.online_feat h3{
		font-size:17px;
		letter-spacing:1px;
		line-height:165%;
		margin:20px 0 10px 0;
	}
	.online_feat h3 br{
		display:none;
	}
	.online_feat p{
		font-size:15px;
		line-height:190%;
	}
}

@media (max-width: 768px) {
	.online_feat div{
		width:31%;
		text-align:center;
	}
	.online_feat div img{
		width:80px;
	}
	.online_feat div:first-child{
		margin-right:3.5%;
	}
	.online_feat div:last-child{
		margin-left:3.5%;
	}
	.online_feat h3{
		font-size:16px;
		letter-spacing:1px;
		line-height:165%;
		margin:20px 0 10px 0;
	}
	.online_feat p{
		font-size:14px;
		line-height:190%;
	}
}
@media (max-width: 500px) {
	.online_feat{
		display:block;
		margin-top:36px;
	}
	.online_feat div{
		width:100%;
		margin-bottom:36px;
	}
	.online_feat div:first-child{
		margin-right:0;
	}
	.online_feat div:last-child{
		margin-left:0;
		margin-bottom:0px;
	}
	.online_feat h3 br{
		display:block;
	}
}

.online_flow{
	display:flex;
}
.online_flow div:nth-child(1){
	width:20px;
	padding-top:5px;
}
.online_flow div:nth-child(2){
	width:1000px;
	margin-left:20px;
}
.online_flow h3{
	color:#477ebc;
	font-size:20px;
	font-weight:bold;
	height:45.7px;
}
.online_flow h3 span{
	color:#949494;
	font-weight:normal;
	display:inline-block;
	margin-right:8px;
}
@media (max-width: 1200px) {
	.online_flow div:nth-child(1){
		width:22px;
	}
	.online_flow div:nth-child(2){
		width:900px;
		margin-left:20px;
	}
	.online_flow h3{
		height:45.5px;
	}
}

@media (max-width: 990px) {
	.online_flow div:nth-child(1){
		width:25px;
		padding-top:4px;
	}
	.online_flow div:nth-child(2){
		width:800px;
		margin-left:15px;
	}
	.online_flow h3{
		font-size:15px;
		height:40.8px;
	}
}

@media (max-width: 768px) {
	.online_flow div:nth-child(1){
		width:18px;
		padding-top:4px;
	}
	.online_flow div:nth-child(2){
		width:600px;
		margin-left:15px;
	}
	.online_flow div:nth-child(3){
		display:none;
	}
	.online_flow h3{
		font-size:16px;
		height:44.8px;
	}
}

@media (max-width: 600px) {
	.online_flow div:nth-child(1){
		display:none;
	}
	.online_flow div:nth-child(2){
		width:100%;
		margin-left:0px;
	}
	.online_flow div:nth-child(3){
		display:none;
	}
	.online_flow h3{
		line-height:180%;
		margin-bottom:20px;
		height:auto;
	}
	.online_flow h3:last-child{
		margin-bottom:0px;
	}
}

@media (max-width: 330px) {
	.online_flow h3{
		line-height:180%;
		font-size:15px;
	}
}

.online_price , .online_price2{
	display:flex;
}
.online_price div{
	width:37.5%;
	margin:0 5%;
	padding:30px;
	background:#fff;
}
.online_price2 div{
	width:30%;
	margin:0 1%;
	padding:30px;
	background:#fff;
}
.online_price div:first-child{
	margin:0 2.5% 0 10%;
}
.online_price div:last-child{
	margin:0 10% 0 2.5%;
}
.online_price_title{
	display:inline-block;
	padding:8px 50px;
	background:#ebf3f8;
	font-size:16px !important;
	font-weight:bold;
	margin:40px auto 15px auto !important;
}
.online_price strong , .online_price2 strong{
	font-size:15px;
}
.online_price h3 , .online_price2 h3{
	letter-spacing:1px;
}
.join img{
	display:block;
	margin:0 auto;
}
.join a{
	color:#477ebc;
	text-decoration:underline;
	display:block;
	margin-top:8px;
}
@media (max-width: 990px) {
.online_price div{
	width:45%;
	margin:0 2.5%;
}
.online_price div:first-child{
	margin:0 2.5% 0 2.5%;
}
.online_price div:last-child{
	margin:0 2.5% 0 2.5%;
}
}

@media (max-width: 768px) {
.online_price , .online_price2{
	display:block;
}
.online_price div , .online_price2 div{
	width:90%;
	margin:0 5% 10px 5%;
}
.online_price div:first-child{
	margin:0 5% 10px 5%;
}
.online_price div:last-child{
	margin:0 5% 0px 5%;
}
}


.linkmap{
	color:#477ebc;
	text-decoration:underline;
	display:block;
	margin-top:8px;
}



.about_after{
	border: 1px dashed #ccc;
	padding: 40px;
	margin: 100px 0px 0 0px;
	text-align: center;
}
.about_after--mb{
	margin-bottom:100px;
}
.about_after h3{
	color: #477ebc;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	display:inline-block;
	margin:0 auto 25px auto;
	padding-bottom:6px;
}
.about_after p{
	font-size: 15px;
	letter-spacing: 1px;
	color:#000;
	margin: 0;
	line-height: 210%;
	text-align:left;
	color:#555;
}
.about_after p strong{
	display:block;
	color:#333;
	font-size: 16px;
	margin-bottom:12px;
	text-align:center;
}
@media (max-width: 768px) {
	.about_after h3{
		font-size:16px;
	}
}
@media (max-width: 600px) {
	.about_after{
		padding: 30px;
		margin: 100px 0px 100px 0px;
	}
	.about_after p{
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 200%;
	}
	.about_after p strong{
		font-size: 15px;
	}
}
@media (max-width: 420px) {
	.about_after{
		padding: 20px;
		margin: 100px 0px 100px 0px;
	}
	.about_after p{
		font-size: 14px;
		line-height: 180%;
	}
}
@media (max-width: 320px) {
	.about_after{
		padding: 20px;
		margin: 40px 0px 40px 0px;
	}
	.about_after p{
		font-size: 14px;
		line-height: 180%;
	}
}

.new_course{
	display:flex;	
	margin-bottom:20px;
}
.new_course h3{
	background:#fff;
	box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.03);
	width:49%;
	margin-right:2%;
	padding:30px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	letter-spacing:3px;
	color:#3e8edd;
}
.new_course h3:last-child{
	margin-right:0;
}
.new_course_p{
	text-align:center;
	font-size:15px;
	line-height:260%;
	margin:30px auto 60px auto;
	font-weight:bold;
	letter-spacing:3px;
	color:#555;
}
.online_base p{
	font-size:15px;
	color:#333;
	font-weight:190%;
	margin:10px 0;
}
.online_base p strong{
	display:block;
	font-size:15px;
	color:#5185aa;
	margin-bottom:8px;
}
.online_base p.notice{
	display:block;
	font-size:13px;
	color:#555;
}
.online_base h5{
	border:1px dotted #3e8edd;
	width:200px;
	padding:16px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	letter-spacing:2px;
	color:#3e8edd;
	margin:0 auto 15px auto;
}
@media (max-width: 600px) {
	.online_spimg{
		width:280px;
		margin:0 auto;
	}
	.new_course{
		display:block;	
	}
	.new_course h3{
		width:100%;
		margin-right:0%;
		padding-left:8px;
		padding-right:8px;
		font-size:15px;
	}
	.new_course_p{
		font-size:14px;
		line-height:230%;
		margin:20px auto 50px auto;
		letter-spacing:1px;
	}
	.new_course_p br{
		display:none;
	}
	.online_base p{
		font-size:14px;
		font-weight:180%;
	}
	.online_base p strong{
		font-size:14px;
	}
	.online_base p.notice{
		font-size:12px;
	}


}