@charset "UTF-8";
h3.sj_h3g {
    color: #6fa02c;
}

h3.sj_h3o {
    color: #dc9100;
}
h3.sj_h3b {
    color: #65a8c3;	  
}
h3.sj_h3g ,h3.sj_h3o,h3.sj_h3b{
	font-family : Noto Sans JP;
	  font-size :1.5rem;
  line-height :3rem;
}
.sj_pg,.sj_po,.sj_pb{
	font-size :1rem;
  line-height :3rem;
}
p.sj_curriculum_p {
    font-size: 15px;
}
.tab a,.tb01 th,.tb02 th,
.tb01 td,.tb02 td,.sj_curriculum_p,.sj_couse,.active,.sj_callender_p
{
	font-family : Noto Sans JP;
}
picture {
    padding-bottom: 1rem;
}
/*-------tableオレンジ-------*/
table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,.tb02 th,
.tb01 td,.tb02 td{
  padding: 10px;
  text-align:center;
  box-sizing:border-box;
}

.tb01 th,.tb01 td{
	border: solid 1px  #6fa02c;
}
.tb02 th,.tb02 td{
	border: solid 1px #dc9100;
}
.tb01 th,.tb02 th {
  color: #fff;
  border-right: solid 1px #ffffff;
}
.tb01 th{
	background: #6fa02c;
}
.tb02 th{
	background: #dc9100;
}
.tb01 th:last{
	border-right: solid 1px #dc910;
}
table.tb01,table.tb02 {
    margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
  .tb01 .head,.tb02 .head{
    display:none;
  }
  .tb01,.tb02 {
    width: 100%;
  }
  table.tb01 td ,.tb02 td{
	  
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.tb01 td:first-child,.tb02 td:first-child{  
    color:#fff;
    font-weight:bold;
  }
	
	.tb01 td:first-child{
		background:#6fa02c;
	}
	.tb02 td:first-child{
		 background:#dc9100;
	}
  table.tb01 td:before,table.tb02 td:before{
    content: attr(data-label);
    font-size: .7rem;
    font-weight:bold;
    color: #dc9100;
    display: block;
  }
	table.tb01 td:before{
		color: #6fa02c;
	}
  .tb01 tr:last-child, .tb02 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}
/*ーーーーーtableーendーーーーーー*/

/*--------tabの形状--------*/
.tab{
  display: flex;
  flex-wrap: wrap;
}
.tab li a{
  display: block;
  background:#6baed8;
  margin:0 2px;
  padding:10px 20px;
	color: #ffffff;	
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
  background:#fff;
	color: #6baed8;
}
/*エリアの表示非表示と形状*/
.area {
  display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
  background: #fff;
  padding:1rem;
	color: #464646;
	border: solid 3px #6baed8;
}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*========= レイアウトのためのCSS ===============*/
ul{
  list-style:none;
}

a{
  color:#333;
  text-decoration: none;
}

.wrapper{
  width:90%;
  max-width: 960px;
  margin:30px auto;
}

.area h2{
  font-size:1.3rem;
}

.area li{
  padding: 10px; 
  border-bottom: 1px solid #ddd;
}
/*----tab_end----*/
.sj_contact {
  background-color: #f6ed55;
}
.sj_contact_lg p, .sj_contact_lg a {
  font-family: Noto Sans JP;
  font-size: 1rem;
  line-height: 40px;
  letter-spacing: 3px;
  color: #464646;
}
/*共通*/
.sj_contact_small img {
  width: 100%;
}
.sj_contact h1 {
  margin: 0 auto;
}
.sj_contact h1{
  width: 65%;
  text-align: center
}
.cp_button {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.cp_access {
  width: 90%;
  margin: 0 auto;
}

.sj_contact_small {
    /* margin-top: 2rem; */
    padding-bottom: 1rem;
}
/*背景*/
.sj_contact {
  background-image: url("../img/bc_ye.png");
  background-repeat: repeat;
}
.sj_contact_small {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2rem;
  margin-top: 1rem;
}
/*-------mb-768以下------*/
@media(max-width:768px) {

  .sj_contact_small {
    width: 90%;
	      margin-bottom: 1rem;
  }
  .sj_contact h1 img, .sj_contact img {
    width: 100%;
  }

	.wrapper {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
}
	p.sj_curriculum_p {
    font-size: 14px;
}
}
/*-------PC-769以上------*/
@media(min-width:769px) {
  .sj_contact_lg p, .sj_contact_lg a {
    letter-spacing: 6px;
  }
  /*bc雲*/
  .sj_contact {
    background-image: url(../img/bc_cl02_right.png), url(../img/bc_cl02_left.png), url("../img/bc_ye.png");
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: right bottom, left center;
  }
  .wrapper  {
    width: 90%;
    margin: 0 auto;
  }
  /*白い部分*/
  .sj_contact_small {
    width: 80%;
	 margin-bottom: 1rem;
  }

  .cp_map {
    height: 250px;
  }
  .sj_contact_lg {
    padding-bottom: 2rem;
  }
  .cp_bn {
    padding: 2rem 0 2rem 0;
  }
  .sj_contact_small {
    margin-top: 2rem;
  }
	.sj_contact {
    padding-bottom: 2rem;
}
	p.sj_couse,p.sj_curriculum_p {
    margin-bottom: 3rem;
}}
/*-------PC大--1024-----*/
@media(min-width:1025px) {
  .wrapper  {
    width: 90%;
    margin: 0 auto;
  }
	.sj_contact_small {
		padding-bottom: 3rem;}

  /*幅*/
  .sj_contact_small {
    width: 70%;
	margin-bottom: 3rem;
  }
}