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

/*-- font --*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/*--- COMMON ---*/

.pc { display: block; }
.sp { display: none; }

/*--<先述>回り込みをリセット/モダンブラウザ--*/
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

/*--<先述>回り込みをリセット/IE 6・7--*/
.cf { zoom:1; }



#sd_wrap {
  width: 100%;
}
#sd_in {
  width: 100%;
  max-width: 960px;
  padding: 50px 0 20px;
  margin: 0 auto;
}

/*-- theme_icon --*/

#sd_theme_icon {}
#sd_theme_icon .ti {
  border: 1px solid #3264b4;
  padding: 6px 12px 8px;
  font-family: 'Noto Sans JP', sans-serif;
  /*font-weight: 300;*/
  font-size: 13px;
  color: #3264b4;
  float: left;
  margin: 0 10px 10px 0;
}


/*-- point theme --*/
#sd_point {
  font-family: 'Noto Sans JP', sans-serif;
  color: #3264b4;
  font-size: 22px;
  margin: 20px 0 ;
}
#sd_point .sd_point_place {
  background-color: #3264b4;
  color: #fff;
  font-size: 18px;
  display: table-cell;
  padding: 15px 25px;
  margin-right: 20px;
  vertical-align: middle;
  white-space: nowrap;
}
#sd_point .sd_point_data {
  display: table-cell;
  padding: 0 15px;
}
#sd_theme {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 26px;
  margin: 10px 0 40px;
}


/*-- main --*/
#sd_mainarea {
  
}
#sd_mainpict {
  max-width: 480px;
  width: 100%;
  float: left;
  
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#sd_mainpict::before {
	display:block;
	content:"";
	padding-top: 75%;
}
#sd_read {
  width: calc( 100% - 500px );
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.8em;
  float: right;
}
#sd_read p {
  margin: 15px;
  word-wrap: break-word;
}
#sd_sub_pict {}
#sd_sub_pict .sub_pict {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: calc( 20% - 12px );
  background-color: aliceblue;
  float: left;
  margin: 20px 15px 20px 0;
}
#sd_sub_pict .sub_pict::before {
	display:block;
	content:"";
	padding-top: 75%;
}
#sd_sub_pict .sub_pict:last-child {
  margin: 20px 0 20px 0;
}


/*-- teacher --*/
.sd_teacher {
  background-color: #f1f1f1;
  padding: 25px;
  margin-bottom: 20px;
}
.sd_teacher .teacher_pict {
  width: 100%;
  max-width: 260px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: aliceblue;
  float: left;
}
.sd_teacher .teacher_pict::before {
	display:block;
	content:"";
	padding-top: 80%;
}
.sd_teacher .teacher_about {
  width: calc( 100% - 260px - 40px );
  float: right;
}
.sd_teacher .teacher_shoulder {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 2px;
}
.sd_teacher .teacher_name {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.6em;
  margin-bottom: 15px;
}
.sd_teacher .teacher_text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.6em;
}


/*-- about --*/
#sd_about {
  margin-top: 60px;
}
#sd_about .gmap_wrap {
  width: 100%;
  max-width: 480px;
  float: left;
}
#sd_about .gmap_in {
height: 0;
overflow: hidden;
padding-bottom: 80%;
position: relative;
}
#sd_about .gmap_in iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

#sd_about .outline {
  width: calc( 100% - 480px - 40px );
  float: right;
}

#sd_about .outline table {
  border: none;
  border-collapse: collapse;
  width: 100%;
}
#sd_about .outline table tr {
  border-bottom: 1px solid #E8E8E8;
  border-top: 1px solid #E8E8E8;
}
#sd_about .outline table th,
#sd_about .outline table td {
  border-collapse: collapse;
  padding: 18px 10px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: normal;
  border: none;
}
#sd_about .outline table th {
  width: 50px;
  text-align: left;
  color: #2381bd;
}
#sd_about .outline table td {
  width:auto;
}

/*-- about / no map --*/
.no_map .gmap_wrap {
  display: none;
}
.no_map .outline {
  width: 100% !important;
  float: right;
}

/*-- notis --*/
#sd_notis {
  background-color: #f1f1f1;
  padding: 30px 40px 40px 40px;
  margin: 70px 0;
}
#sd_notis h4.notis_midashi {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #3187be;
  margin-bottom: 20px;
}
#sd_notis p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.6em;
}



/*-- btn --*/
.seminar_btn {
  margin: 70px 0;
}
.seminar_btn a {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 22px;
  padding: 22px 40px 25px;
  background-color: #3264b4;
  color: #fff;
  width: 100%;
  max-width: 250px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
}
.seminar_btn a:hover {
  background-color: #072c67;
}

.seminar_list_btn {
  margin: 30px 0;
}
.seminar_list_btn a {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 16px;
  padding: 20px 30px 23px;
  background-color:#E0E0E0;
  color: #333;
  width: 100%;
  max-width: 200px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
}
.seminar_list_btn a:hover {
  background-color:#9A9A9A;
  color: #fff;
}


@media all and (-ms-high-contrast: none) {  /* IEのみ */

}


/* -----------------------------

TUB　タブレット
画面サイズが621pxから1000pxまで

----------------------------- */

@media screen and (min-width:621px) and ( max-width:1000px) {
}

/* -----------------------------

SP　スマホ
画面サイズが765px以下　

----------------------------- */

@media screen and (max-width:765px) { 

/*--- COMMON ---*/

.pc { display: none; }
.sp { display: block; }


#sd_wrap {
  margin-top: 20px;
}
#sd_in {
  width: calc( 100% - 20px );
  padding: 50px 0 20px;
}
  
/*-- theme_icon --*/
#sd_theme_icon .ti {
  border: 1px solid #3264b4;
  padding: 3px 8px 5px;
  font-size: 11px;
  margin: 0 6px 6px 0;
}
  
/*-- point theme --*/
#sd_point {
  font-size: 20px;
}
#sd_theme {
  font-size: 22px;
}
#sd_point .sd_point_place {
  display: inline-block;
}
#sd_point .sd_point_data {
  display: block;
  padding: 0;
}

/*-- main --*/
#sd_mainpict {
  max-width: 580px;
  width: 100%;
  float: none;
  margin-bottom: 15px;
  margin: 0 auto 15px auto;
}
#sd_read {
  width: 100%;
  font-size: 14px;
  float: none;
}
#sd_read p {
  margin: 15px;
}

  
/*-- teacher --*/
.sd_teacher .teacher_pict {
  max-width: 200px;
}
.sd_teacher .teacher_about {
  width: calc( 100% - 200px - 30px );
}

/*-- about --*/
#sd_about {
  margin-top: 40px;
}
#sd_about .gmap_wrap {
  width: 100%;
  max-width: 100%;
  float: none;
}

#sd_about .outline {
  width: 100%;
  float: none;
  margin-top: 40px;
}
#sd_about .outline table th,
#sd_about .outline table td {
  display: block;
}
#sd_about .outline table th {
  width: auto;
  padding: 15px 10px;
  background-color:#FBFBFB;
}
#sd_about .outline table td {
  width:auto;
}

  
  
  
}

/* -----------------------------

SP　スマホ
画面サイズが500px以下　

----------------------------- */

@media screen and (max-width:500px) {

#sd_point span {
  font-size: 16px;
  display: block;
  padding: 10px;
  text-align: center;
  margin-right: 0;
  margin-bottom: 5px;
}
  
  
#sd_mainpict {
  max-width: 100%;
  width: 100%;
  float: none;
  margin-bottom: 15px;
}
#sd_sub_pict {
  margin-bottom: 20px;
}
#sd_sub_pict .sub_pict {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: calc( 33% - 10px );
  background-color: aliceblue;
  float: left;
  margin: 15px 15px 0 0;
}
#sd_sub_pict .sub_pict:nth-child(3) {
  margin: 15px 0 0 0;
}
#sd_sub_pict .sub_pict:last-child {
  margin: 15px 15px 0 0;
}


/*-- teacher --*/

.sd_teacher .teacher_pict {
  max-width: 350px;
  float: none;
  margin: 0 auto;
}
.sd_teacher .teacher_about {
  width: 100%;
  float: none;
  margin-top: 20px;
}


/*-- btn --*/
.seminar_btn {
  margin: 50px 0;
}
.seminar_btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 20px 30px;
  max-width: 220px;
  width: 90%;
}
  

}