@charset "UTF-8";

/*----------------------------------
  SP
----------------------------------*/
html { scroll-behavior: smooth;}

.pc {
  display:none;
}
.tab {
  display:none;
}

.row {
	margin-left: -15px;
  margin-right: -15px;
}
.cf, .clearfix {
    zoom: 1;
}
.cf:after, .clearfix:after {
    content: "";
    display: block;
    clear: both;
}
p {
  font-size:14px;
}
.fade{
  /* margin-top: 80vh; */
  opacity : 0;
  transition: opacity .3s;
}

.fade.view{
  opacity: 1;
}

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time04{
animation-delay: .4s;
}
.delay-time08{
animation-delay: .8s;
}
.delay-time12{
animation-delay: 1.2s;
}

/* スライド */
.top_slide {
  position:relative;
}
.slide01 {
  animation: slideIn01 3s 1;
}

.slide02 {
  animation: slideIn02 3s 1;
}

.slide03 {
  animation: slideIn03 3s 1;
}
.slide_text01 {
  position: absolute;
  top: 0%;
  right: 10%;
  animation: slideIn03 3s 1;
}

.curri_slide {
  position:relative;
}
.curri_slide > .slide_text02 {
  position: absolute;
  top: 0%;
  right: 10%;
  animation: slideIn04 3s 1;
}

@keyframes slideIn01 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
    transform: translateY(100px);
  }
  60% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn02 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
    transform: translateY(100px);
  }
  70% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
    transform: translateY(100px);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn04 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
    transform: translateY(500px);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* スライド終 */

#wrapper {
  overflow:hidden;
  position:relative;
}
#header {
  width:95%;
  min-height:80px;
  margin:0 auto;
}
.header_inner {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  position:relative;
}
.header_inner h1 {
  position:relative;
}
.header_inner h1 span {
  font-size:.4em;
  color:#043D78;
  font-weight:bold;
  position:absolute;
  bottom: 5px;
  margin-left: .5em;
}
.header_inner p {
  font-size:.85em;
  margin:.25em 0!important;
}
.header_inner img {
  width:38%;
}
.header_lt {
  padding: 0;
  flex: 0 1 auto;
  background: none;
  height: auto;
  width: auto;
  background: none;
}
.header_rt {
  background: none;
  height: auto;
  padding: 0;
}
.header_inquiry {
  border:1px solid #222;
  padding:2px 12px;
  text-align:center;
  font-size:.9em;
  position:absolute;
  right:0;
  bottom:5px;
}
ul.gmenu_container {
  margin-top:1.5em;
}
ul.gmenu_container li{
  display:inline-block;
  font-size:14px;
  color:#043D78;
  letter-spacing:0.05em;
  opacity:1;
}
.main_img_highschool {
  position:relative;
  width:100%;
  background:#195731;
  background-image:url(../img/highschool_main_sp.png);
  height:400px;
  margin:0 auto;
  display:block;
}
.main_img_highschool img {
  max-width:100%;

}
.main_img_highschool p {
  position:absolute;
  color:#fff;
  font-size:2.4em;
  text-align:center;
}
.main_img_highschool a:hover {
  opacity:1;
}

.main_img_container {
  width:100%;
  max-width:100%;
  background-image:url(../img/lp01_main03.jpg);
  background-size: cover;
  background-position: 15% 20%;
  background-repeat: no-repeat;
  height: 500px;
  overflow:hidden;
}
.main_img_container_202309 {
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.main_img_inner {
  max-width:1200px;
  position:relative;
  width: calc(100% - 10% );
  margin:0 auto;
}
.main_img_inner h1 {
  /* font-family:"Hiragino Mincho ProN","ヒラギノ明朝 ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro","Yu Mincho","游明朝",serif; */
  color:#043D78;
  font-size:2.8rem;
  line-height:1.2em;
  font-weight:700;
  text-shadow: 0 1px 1px #989b8b;
  margin-bottom:1rem;
  position:absolute;
  top:150px;
  right:0;
  text-align:left;
}
.main_img_inner p
{
  font-size:1.3rem;
  line-height:1.4em;
  color:#333;
  text-shadow: 0 1px 1px #989b8b;
  position:absolute;
  top:272px;
  right:-10px;
  text-align:left;
}

section.section_wh {
  background:#fff;
  padding:80px 0;
  margin:0 auto;
}
section.section_wh > .section_inner_n {
  position:relative;
}
section.section_wh > .section_inner_n:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -110px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 50px 50px 0 50px;
}
section.section_gr {
  background:#e5f2e6;
  padding:60px 0;
  margin:0 auto;
}
.section_inner {
  width:90%;
  max-width:1000px;
  margin:0 auto;
}
.section_inner_n {
  width:90%;
  max-width:720px;
  margin:0 auto;
}
/* section */
p.uni,p.scholars {
  position: relative;
  margin-top:8em;
  margin-bottom:1.5em;
  padding-top:1em;
  font-size:1.1em;
}
p.uni {
  border-top:6px solid #195731;
  color:#195731;
}
p.scholars {
  border-top:6px solid #142948;
  color:#142948;
}

p.uni:before,p.scholars:before {
    width: calc(100% - 80%);
		height: 0;
		display: block;
		position: absolute;
		left: 0;
    top:0;
		content: "";
		border-right: solid 20px transparent;
}
p.uni:before {
      border-top: solid 20px #195731;
}
p.scholars:before {
      border-top: solid 20px #142948;
}
p.uni span,p.scholars span {
  position:absolute;
  top:-60px;
  left:0;
  font-size:1.5em;
  font-weight:bold;
  display:block;
}
h3.uni_ttl,h3.scholars_ttl {
  font-size:2.2em;
  line-height:1.2em;
  font-weight:bold!important;
  margin:.5em 0 1em;
}
h3.uni_ttl span,h3.scholars_ttl span {
  font-size:1.2em;
  font-weight:inherit;
  }
h3.uni_ttl {
  color:#195731!important;
}
h3.scholars_ttl {
  color:#142948!important;
}
h3.scholars_ttl span.ttl_s {
  font-size:.75em;
  font-weight:inherit;
}

.target_uni,.target_scholars {
  font-size:1.6em;
  font-weight:bold;
  display:block;
  float:right;
}
.target_uni {
  color:#195731;
}
.target_scholars {
  color:#142948;
}
.curri_target_uni,.curri_target_scholars {
  color:#fff;
  padding:1em;
  font-size:2em;
}
.curri_target_uni {
  background:#195731;
}
.curri_target_scholars {
  background:#142948;
}
.curri_target_uni span,.curri_target_scholars span {
  font-size:.75em;
}
.curri_course_uni,.curri_course_scholars {
  padding:1em 1.5em;
}
.curri_course_uni {
  background:#e7f2e4;
}
.curri_course_scholars {
  background:#e4e4e8;
}
.curri_course_uni p,.curri_course_scholars p {
  font-size:1.4em;
  margin-bottom:0;
}
.curri_course_uni p.course_ttl,.curri_course_scholars p.course_ttl {
  font-size:1.8em;
  font-weight:bold;
  margin-bottom:.5em;
}
.curri_course_uni p.course_ttl {
  color:#195731;
}
.curri_course_scholars p.course_ttl {
  color:#142948;
}
.curri_course_uni p.course_ttl span,.curri_course_scholars p.course_ttl span {
  font-size:1.4em;
  font-weight:inherit;
}
.curri_course_uni p.course_ttl span.frm_course,.curri_course_scholars p.course_ttl span.frm_course {
  padding:0 .25em;
  font-size:.8em;
  text-align:center;
  margin-left:.25em;
  border:1px solid #195731;
}
.super {
  font-size: 0.8em;
	vertical-align: top;
}
.scroller {
    width: 100%;
    height: 220px;
    overflow-y: scroll;
    scrollbar-width: thin;
}
.scroller_voice {
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    scrollbar-width: thin;
    background:#fff;
    padding:1em;
}
.scroller_voice p {
  margin-bottom:.5em;
}
.scroller_voice p span {
  font-weight:bold;
  color:#043d78;
}
hr.info {
  margin:2em 0;
}
h2.high_curri {
  font-size:3.2em;
  letter-spacing:.05em;
  color:#444;
  text-align:center;
  font-weight:bold;
  position:relative;
  margin-bottom:4em;
}
h2.high_curri:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffe200;
}
h2:not([class]):before {
  left:0;
}
h2:not([class]):after {
  right:0;
}
.info_ttl {
  height: 500px;
  position: relative;
}
.info_ttl img {
  position: relative;
  object-fit: cover;
  object-position: center -40px;
  top: 0;
  height: 400px;
}
.info_ttl h2 {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 200px;
    height: 160px;
    max-width: 95%;
    background: #043d78;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: .05em;
    line-height: 1.4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.info_ttl h2 span {
  font-weight: inherit;
  font-size:.85em;
  line-height: 1.6;
  letter-spacing: .06em;
}
.inner__curriculm {
  max-width: calc(1000px + 2%);
  margin: 0 auto;
  padding: 0 1%;
}
ul.info_list {
  list-style-type: disc;
  padding-left: 30px;
}
ul.info_list li {
  font-size:1.4em;
}
/* h3:not([class]) {
  font-size: 1.3rem;
  line-height: 1.2em;
  margin:0 auto 1rem;
  border-bottom:1px solid #888;
  padding-bottom:.25em;
  margin-bottom:.5em;
} */
h5:not([class]) {
  font-weight:bold;
  font-size:1.2em;
  border-bottom:1px solid #888;
  margin-bottom:.5em;
  padding-top:0;
}

/** リードカード **/
.card_green {
  background:#fff;
  padding:0;
  box-shadow:0 0 10px #556b5c;
	color:#fff;
  border-top:10px solid #195731;
  min-height:370px;
}
.card_green p {
  margin:0 2em;
  color:#282828;
  font-size:1.4em;
}
.card_green p.card_ttl {
  color:#195731;
  font-size:1.8em;
  line-height:1.4em;
  font-weight:bold;
  text-align:center;
  background:#cadecf;
  padding:.5em 1em;
  margin:0;
}
.card_green img {
  width:60%;
  margin:0 auto;
  display:block;
}
.bg_blue {
  background: #002339;
}
.bg_green {
  background: #28a736;
}
.bg_blue span {
  display: inline-block;
	transform: skewX(5deg);
}
.bg_area {
  height:200px;
  clear:both;
}
.lead_txt{
  font-size:1.4em;
  line-height:1.4em;
  /* line-height: 1.8em; */
  text-align:center;
  font-weight:bold;
}
.lead_txt span {
  font-weight:bold;
  font-size:.7em;
  line-height:1.2em;
}
.lead_txt_s{
  font-size:1.3em;
  line-height: 2.4em;
  color:#555;
  text-align:center;
  font-weight:bold;
}


.name_lgy {
  font-size: 16px;
  line-height: 1.4em;
  font-weight: bold;
  margin: 1rem 0;
  background:#eaeaea;
  padding: .5rem 0;
  text-align:center;
}
.name_lgy span {
  font-size:.8em;
}
.name_frm_gr {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: bold;
  max-width:300px;
  margin: 1rem auto;
  border:1px solid #28a736;
  background:#fff;
  border-radius:8px;
  padding: .5rem 0;
  text-align:center;
}
.name_frm_gr span {
  font-size:.75em;
  color:#28a736;
}
.instructor_ph {

}
.instructor_ph img {
  max-width:300px;
  border-radius:8px;
  margin:0 auto;
  display:block;
}
.frm_dotted {
  border:1px dotted #ccc;
  background:#fff;
  padding:15px 20px;
}
.frm_line {
  background:#fff;
  padding:25px;
  box-shadow: 0 0 5px #ccc;
  border-radius: 10px;
}
.seminar_point {
  border-bottom:1px solid #333;
  padding-bottom:.25em;
  margin-bottom:.5em;
  font-size:1.4em;
}
.point_num {
  background:#ffba00;
  padding:3px 12px;
  font-size:1.3em;
  font-weight:bold;
  color:#fff;
  margin-right:.5em;
  display: inline-block;
  margin-bottom: 0.25em;
}
.point_num:before {
  content:'POINT';
  font-size:.4em;
  margin-right:.25em;
}
li.point_check {
  list-style-type: none;
  margin-left:-2rem;
}
li.point_check:before {
  content:'\f14a';
  font-family: 'Font Awesome 5 Free';
  font-weight:700;
  color:#0057d6;
  padding-right:.5em;
}
.seminar05_info {
    background: #28a736;
    padding: 0 0 1em 0;
}
.seminar05_btn {
  border-radius:50vh;
	padding:10px 0;
	display:block;
	margin:15px auto;
	text-align:center;
	width:90%;
  max-width:500px;
	line-height:1.4em;
	background:#ffc600;
	border:#ffc600 2px solid;
	box-shadow:0 5px 0 #ac8500;
	transition:.3s;
  text-decoration:none;
  color:inherit;
  font-size:.9em;
}
.seminar05_btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f138';
  font-weight: 900;
  margin-left: 0.5em;
  margin-right:1em;
  font-size: 1.2em;
  float:right;
}
.seminar05_btn:hover {
	transform: translateY(4px);
	box-shadow:0 2px #ac8500;
	opacity:1;
  color:inherit;
  cursor: pointer;
}
.seminar05_btn_gy {
  border-radius:50vh;
	padding:15px 0;
	display:block;
	margin:15px auto;
	text-align:center;
	/* width:90%; */
  max-width:500px;
	line-height:1.4em;
	background:#ccc;
}
.seminar05_ttl_txt {
  width:100%;
  max-width:1000px;
  margin:0 auto;
}
.tbl_seminar05 {
  width:100%;
  font-size:.9em;
  background:#fff;
  box-shadow: 0 0 5px #ccc;
  margin:0 auto;
}
.tbl_seminar05 tr {
  border :bottom:1px solid #fff;
}
.tbl_seminar05 th {
  background:#043d78;
  color:#fff;
  text-align:center;
  width:20%;
  border-bottom:1px solid #fff;
  padding:20px 5px;
  vertical-align:middle;
}
.tbl_seminar05 td {
  border-bottom:1px solid #ccc;
  padding:20px 15px;
  vertielement
  cal-align:middle;
}
ul.disc {
    list-style-type: disc;
    margin-left: -10px;
    margin-bottom: 0;
}
.tbl_branch {
  width:100%;
  background:#eaeaea;
  font-size:.9em;
}
.tbl_branch tr {
  border-bottom:4px solid #fff;
}
.tbl_branch td {
  border-right:4px solid #fff;
  padding:20px;
  vertical-align:middle;
}
.tbl_branch th:last-child,.tbl_branch td:last-child {
  border-right:none;
}
.tbl_branch th {
  width:20%;
  font-weight:bold;
  border-right:4px solid #fff;
  padding:15px 5px;
  text-align:center;
  vertical-align:middle;
}
.tbl_branch th span,.tbl_branch td span {
  font-size:.8em;
}
/* CARD */
.card2 {
  position:relative;
  background:#fff;
  min-height:440px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.card2_num {
  position:absolute;
  top:-2.4rem;
  left:0;
  font-size:4rem;
  /* color:#043D78; */
}
.card2_inner {
  padding:15px;
  min-height: 160px;
}
.card2_inner h3 {
  font-size:1.4em;
  color:#043D78;
}
.card2_inner p {
  font-size:.9em;
  line-height:1.6em;
}
.card2_inner p span {
  font-size:.9em;
  line-height:1.2em;
}
.card3 {
  position:relative;
  background:#fff;
  min-height:450px;
  margin-bottom:2rem;
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.card3_num {
  position:absolute;
  top:-2.4rem;
  left:0;
  font-size:4rem;
  color:#968a65;
}
.card3_inner {
  padding:15px 20px;
}
.card3_inner h3 {
  color:#968a65;
}
.card3_inner p {
  font-size:.9em;
  line-height:1.6em;
}




/* 独自の英語学習サポート */
.support {
  margin-top:100px;
}
.support > .card2 > .card2_num {
  margin-bottom:20px;
  color:#043D78;
}
/* 校舎 */
.school > .card2 {
  min-height:400px;
  margin-bottom:2rem;
}
/* まずは相談したい！考えたいという方へ */
.guide > .card2 {
  min-height:360px;
  margin-bottom:2rem;
  padding:20px 30px 30px;
}
/* 受講生の声 */
.card_testimonials {
  position:relative;
  background:#fff;
  min-height:500px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.card_testimonials > .card2_inner h3 {
  color:#968a65;
}
.card_testimonials > .card2_inner p.name {
  font-size:.9em;
}
.card_testimonials > .card2_inner p.name:before {
  content:'';
  display:inline-block;
  background:url(../img/person.svg);
  background-size: contain;
  vertical-align: middle;
  width:25px;
  height:25px;
  margin-right:5px;
}
.card_testimonials > .card2_inner p span {
  font-weight:700;
}

/* コース紹介 */
.about_course,.course_selection {
  font-size: 1.3rem;
  line-height: 1.2em;
  color:#043D78;
  text-align:center;
  margin-bottom:20px;
}
.about_course:before,.course_selection:before {
  content:'';
  background:url(../img/ico_about_course.png)no-repeat;
  display:inline-block;
  width:25px;
  height:25px;
  margin-right:5px;
  background-size: contain;
  vertical-align: middle;
}
.course_btn a {
  display:block;
  border:1px solid #043D78;
  border-radius:8px;
  padding:10px 0;
  color:#043D78!important;
  font-size:1.1em;
  text-align:center;
  background:#fff;
}
.course_btn a:hover {
  display:block;
  border:1px solid #043D78;
  border-radius:8px;
  padding:10px 0;
  background:#043D78;
  color:#fff!important;

}
.course_btn a:hover {
  opacity:1;
}
.course_frm {
  border:2px dotted #043D78;
  background:#fff;
  padding:20px 25px;
  margin:0 auto 40px;
}
.course_col_beginners,.course_col_core {
  position:relative;
  margin-bottom:20px;
}
.course_col_scholars {
  position:relative;
}
.course_col_beginners:before {
  content: '';
  background: url(../img/ico_info_beginners.png)no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}
.course_col_core:before {
  content: '';
  background: url(../img/ico_info_core.png)no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}
.course_col_scholars:before {
  content: '';
  background: url(../img/ico_info_scholars.png)no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}

.course_col_beginners:after,.course_col_core:after,.course_col_scholars:after {
  font-family: "Font Awesome 5 Free";
  content: '\f30b';
  font-weight: 900;
  margin-left:5px;
}
.card_course {
  background:#fff;
  border-top:8px solid #043D78;
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.card_course_inner,.card_info_inner {
  padding:15px 20px;
}
.card_course_inner h4 {
  text-align:center;
  font-size:1.1em;
  color:#043D78;
  margin-bottom: 1rem;
}
.card_course_beginners_bg,.card_course_core_bg,.card_course_scholars_bg {
  padding:10px 20px;
  color:#fff;
  text-align:center;
}
.card_course_beginners_bg {
  background:#036eb8;
}
.card_course_core_bg {
  background:#043D78;
}
.card_course_scholars_bg {
  background:#142948;
}

/* 入塾説明会のお申込み */
.card_info {
  background:#fff;
  margin-top:60px;
  margin-bottom:80px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.card_info h4 {
  line-height:1.8em;
  margin-left:0;
  margin-bottom:10px;
  font-weight:bold;
}
.info_icon {
  font-weight:bold;
  display:inline-block;
  border:1px solid #333;
  border-radius:4px;
  padding:0 10px;
  margin-right:.5rem;
  margin-bottom:.5rem;
  margin-top: 0.5rem;
}
.card_info p {
  margin-left:20px;
}
h3.info_beginners,h3.info_core,h3.info_jr,h3.info_uni,h3.info_scholars{
  font-size:1.4em;
  line-height:1em;
  padding:20px 0 15px 20px;
  margin-bottom:20px;
}
h3.info_beginners span,h3.info_core span,h3.info_jr span,h3.info_uni span,h3.info_scholars span {
  font-size:.6em;
  line-height:1.2em;
  color:#333;
  font-weight:normal;
  margin-left:2rem;
  display:block;
}
h3.info_beginners{
  color:#036eb8;
  border-top:8px solid #036eb8;
  border-bottom:2px solid #036eb8;
}
h3.info_core{
  color:#043D78;
  border-top:8px solid #043D78;
  border-bottom:2px solid #043D78;
}
h3.info_jr{
  color:#508e2a;
  border-top:8px solid #508e2a;
  border-bottom:2px solid #508e2a;
}
h3.info_uni{
  color:#195731;
  border-top:8px solid #195731;
  border-bottom:2px solid #195731;
}
h3.info_scholars{
  color:#142948;
  border-top:8px solid #142948;
  border-bottom:2px solid #142948;
}
h3.info_beginners:before {
  content: '';
  background: url(../img/ico_info_beginners.png)no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}
h3.info_core:before {
  content: '';
  background: url(../img/ico_info_core.png)no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}
h3.info_jr:before {
  content: '';
  background: url(../img/ico_info_jr.png)no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}
h3.info_uni:before {
  content: '';
  background: url(../img/ico_info_uni.png)no-repeat;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}
h3.info_scholars:before {
  content: '';
  background: url(../img/ico_info_scholars.png)no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-size: contain;
  vertical-align: middle;
}
h4.info_beginners,h4.info_core,h4.info_jr,h4.info_uni,h4.info_scholars {
  margin-left:2rem;
  position:relative;
  line-height: 1.4em;
}
h4.info_beginners:before,h4.info_core:before,h4.info_jr:before,h4.info_uni:before,h4.info_scholars:before {
  content:'■';
  position:absolute;
  top:-4px;
  left:-2.2rem;
  font-size:1.1em;
  display:inline-block;
  transform: rotate(-10deg);
}
h4.info_beginners:before {
  color:#036eb8;
}
h4.info_core:before {
  color:#043D78;
}
h4.info_jr:before {
  color:#508e2a;
}
h4.info_uni:before {
  color:#195731;
}
h4.info_scholars:before {
  color:#142948;
}
h4.info_beginners:after,h4.info_core:after,h4.info_jr:after,h4.info_uni:after,h4.info_scholars:after {
  content:'■';
  color:#043D78;
  position:absolute;
  top:5px;
  left:-1.5rem;
  font-size:.9em;
  display:inline-block;
  transform: rotate(20deg);
}
h5.info_beginners,h5.info_core,h5.info_jr,h5.info_uni,h5.info_scholars {
  padding:2px 7px;
  color:#fff;
  line-height:1.6em;
}
h5.info_beginners:after,h5.info_core:after,h5.info_jr:after,h5.info_uni:after,h5.info_scholars:after {
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  content: '\f0da';
  padding-left : 7px;
  font-size:.75em;
}
h5.info_beginners {
  background:#036eb8;
}
h5.info_core {
  background:#043D78;
}
h5.info_jr {
  background:#508e2a;
}
h5.info_uni {
  background:#195731;
}
h5.info_scholars {
  background:#142948;
}
h5.info_beginners:hover,h5.info_core:hover,h5.info_jr:hover,h5.info_uni:hover,h5.info_scholars:hover {
  opacity:1;
  transition:.5s;
}
h5.info_beginners:hover {
  background:#043D78;
}
h5.info_core:hover {
  background:#142948;
}
h5.info_jr:hover {
  background:#195731;
}
h5.info_uni:hover {
  background:#052813;
}
h5.info_scholars:hover {
  background:#111;
}

/* コースアコーディオン */
.acd-check{
    display: none;
}
.acd-label{
    background: transparent;
    display: block;
    position: relative;
    border-bottom:2px dotted #888;
    margin: 0 0 20px;
    font-weight:700;
}
/* .acd-label:after{
    box-sizing: border-box;
    content: '\f078';
    display: block;
    font-family: "Font Awesome 5 Free";
    color:#333;
    height: 52px;
    margin: 20px;
    position: absolute;
    right: 0;
    top: -100px;
} */
.acd-check:checked {
  content: '\f077';
}
.acd-content{
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .5s;
    visibility: hidden;
    /* border-bottom:1px dotted #333; */
}
.acd-content p {
  margin-bottom:10px;
}

.acd-check:checked + .acd-label + .acd-content{
    height: 400px;
    opacity: 1;
    visibility: visible;
}
.acd-check:checked + .acd-label + .acd-content_overflow {
  height:100%;
  width:100%;
  overflow:scroll;
}
.acd-content_overflow > p span{
  font-size:.75em;
  margin-left:1em;
}
.acd_click {
  color:#ff6c00;
  font-size:.75em;
}
.acd_click:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0d7';
  font-weight: 900;
  margin-right:5px;
}
.acd_click:hover {
  text-decoration:underline;
  font-weight:bold;
}
.info_tbl {
  width:100%;
  border-collapse: collapse;
  margin:0 auto;
  font-size:.9em;
  line-height:1.1em;
}
.info_tbl tr:first-child {
  border-top:1px solid #888;
}
.info_tbl tr:last-child {
  border-bottom:1px solid #888;
}
.info_tbl th,.info_tbl td {
  width:18%;
  font-size:.9em;
  padding:10px;
  text-align: center;
  border-bottom:1px dotted #888;
  border-right:1px dotted #888;
  vertical-align: middle;
}
.info_tbl th.target_uni,.info_tbl td.target {
  width:calc( 100% - 18%*4);
}
.info_tbl th:last-child,.info_tbl td:last-child {
  border-right:none;
}

.info_tbl th {
  background:#f8f8f8;
}

/* お問い合わせ */
.phone {
  font-size:1.2em!important;
  font-weight:700!important;
  text-align:center;
}
.guide_tbl {
  width:90%;
  border-collapse: collapse;
  margin:10px auto;
  font-size:.9em;
}
.guide_tbl tr {
}
.guide_tbl th {
  background:#f8f8f8;
  font-weight:700;
}
.guide_tbl th,.guide_tbl td {
  text-align:center;
  padding:3px 0;
}

/* よくあるご質問 */
.faq > label {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    background:#fff;
}
.faq > label > input {
    display: none;
}
.faq > label > dt {
    position: relative;
    padding: 2em 3.5em 2em 4em;
    font-size: 1rem;
    border-bottom: 1px solid #333;
}
.faq > label > label > dd {
  position: relative;
  padding: 2em 3.5em 2em 6em;
  font-size: 1rem;
  border-bottom: 1px solid #333;
}
.faq > label > dt {
  background-color:#f8f8f8;
  color:#043D78;
}

.faq > label > dt {
  font-weight:700;
}
.faq > label > dt::before {
    position: absolute;
    top: 50%;
    left: 1em;
    transform: translateY(-50%);
    font-size: 2em;
}
.faq > label > label > dd::before {
    position: absolute;
    top: 50%;
    left: 2em;
    transform: translateY(-50%);
    font-size: 2em;
}
.faq > label > dt {
    z-index: 1;
}
.faq > label > dt::before {
    content: "Q";
    font-weight:normal;
}
.faq > label > label > dd::before {
    content: "A";
    font-weight:normal;
}
.faq > label > dt span:after {
  font-family: "Font Awesome 5 Free";
  content: '\f078';
  font-weight: 900;
}
.faq > label > label > dd {
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translateY(-2em);
    margin: 0;
    visibility: hidden;
}
.faq > label > input:checked ~ label > dd {
    position: relative;
    transform: translateY(0px);
    visibility: visible;
    transition: 0.5s;
}

/* 代表挨拶 */
.work {
  background:#fff;
  padding:20px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.work h4 {
  font-size:1.4rem;
  margin-bottom:10px;
  color:#968a65;
  text-align:center;
}
.work h4:before {
  content:'';
  display:inline-block;
  background:url(../img/ico_work.png)no-repeat;
  background-size: contain;
  vertical-align: middle;
  width:30px;
  height:30px;
  margin-right:5px;
  margin-top:5px;
}
.work img {
  width:40%;
  display: block;
  margin: 0 auto 10px;
}
.work p {
  font-size:.8em;
  line-height:1.2em;
  width:70%;
  margin:0 auto 20px;
}
.work p span {
  font-weight:700;
}

/* ボタン */
.form_btn_beginners,.form_btn_core,.form_btn_jr,.form_btn_uni,.form_btn_scholars {
  display:block;
  font-size:1.1rem;;
  font-weight:700;
  line-height:1.2em;
  color:#fff;
  border-radius:10px;
  padding:20px 0;
  text-align:center;
  min-height:110px;
  vertical-align:middle;
  width:100%;
  margin:20px auto 40px;
  box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.form_btn_beginners span,.form_btn_core span,.form_btn_jr span,.form_btn_uni span,.form_btn_scholars span {
  font-size:.8em;
}
.form_btn_beginners:hover,.form_btn_core:hover,.form_btn_jr:hover,.form_btn_uni:hover,.form_btn_scholars:hover {
	position:relative;
	display:block;
	top:2px;
	left:0;
	transition:0.5s;
  cursor:pointer;
}
.form_btn_beginners a:hover,.form_btn_core a:hover,.form_btn_jr a:hover,.form_btn_uni a:hover,.form_btn_scholars a:hover a:hover {
  opacity:1;
}
.form_btn_beginners {
  background-color:#036eb8;
}
.form_btn_core {
  background-color:#043D78;
}
.form_btn_jr {
  background-color:#508e2a;
}
.form_btn_uni {
  background-color:#195731;
}
.form_btn_scholars {
  background-color:#142948;
}
.btn_info,.btn_guide {
  display:block;
  font-size:1.1rem;;
  font-weight:700;
  line-height:1.2em;
  color:#fff;
  border-radius:10px;
  text-align:center;
  min-height:90px;
  vertical-align:middle;
  /* width:90%; */
  box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.btn_info {
  background:#F37C06;
  color:#fff;
  margin:10px auto 0;
  padding:20px 0;
}
.btn_guide {
  background:#ffc600;
  color:#fff;
  margin:10px auto 0;
  padding:30px 0;
}
.btn_info:hover,.btn_guide:hover {
  position:relative;
  display:block;
  top:2px;
  left:0;
  transition:0.5s;
  cursor:pointer;
}
.btn_info a:hover,.btn_guide a:hover {
  opacity:1;
}
.btn_info:hover,.btn_guide:hover {
  opacity:1;
}
.analysis_ttl {
  font-size:2em;
  text-align:center;
  position: relative;
  margin:0 auto 2em;
  color:#666;
  font-weight:bold;
  letter-spacing:.1em;
}
.analysis_ttl:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #28a736;
}
.contents_analysis {
}
.contents_analysis h3 {
  font-size:1.6em;
  color:#666;
  text-align:center;
  position: relative;
  margin:0 auto 2em;
  font-weight:bold;
  letter-spacing:.1em;
  border-bottom:none;
}
.contents_analysis h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #28a736;
}
.contents_analysis p {
  font-size:.9em;
}
.contents_analysis img {
  border-radius:10px;
}

.footer {
  position:fixed;
  background:#fff;
  bottom:0;
  padding:20px 0;
  width:100%;
  max-width:100%;
  height:100px;
  z-index:10;
}
.footer_inner {
  width:100%;
  max-width:900px;
  margin:0 auto;
}

.footer_box > .btn_info,.footer_box > .btn_guide {
  width:90%;
  font-size:.9em;
  color:#fff;
  margin:0 auto 20px;
  min-height:60px;
  padding:20px 0;
}

/* パンくず */
.bread_area {
  width:100%;
  max-width:100%;
  position:absolute;
  top:220px;
  right:0;
  margin:0 auto;
}
.bread_area_info {
  width:100%;
  position:absolute;
  top:100px;
  left:0;
  z-index:2;
}
.breadcrumb {
  padding-left:0;
  float:right;
  font-size:13px;
}
.breadcrumb li{
  display:inline;
  list-style: none;
  font-weight: 700;
}

.breadcrumb li:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  padding: 0 3px;
  color: #333;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li:first-child a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f015';
  font-weight: 900;
  font-size: 1.1em;
}
.breadcrumb li a {
  text-decoration: none;
}

.breadcrumb li a:hover {
  /* text-decoration: underline; */
  position:relative;
  top:0;
  left:2px;
  opacity:1;
}
.flex_company {
  display:flex;
  flex-wrap: wrap-reverse;
}
.flex_company01 {
  width:100%;
}

.company {
  background:#f8f8f8;
  width:100%;
  max-width:100%;
  height:320px;
}
.company_webinar {
  background:#f8f8f8;
  width:100%;
  max-width:100%;
  height:320px;
  margin-bottom:100px;
}
.company_inner {
  width:90%;
  max-width: 1000px;
  margin:0 auto;
  padding:30px 0;
  font-size:1em;
}
.company img,.company_webinar img {
  width:60%;
  margin:0 auto 20px;
  display: block;
}
.company_inner p {
  text-align:center;
  margin:0 auto;
}
.company_inner  p span {
  font-size:.8em;
}
.copyright {
  width:100%;
  max-width:1000px;
  font-size:0.75em;
  text-align:center!important;
  line-height:1;
  margin:20px auto 10px;
  border-top:1px solid #333;
  padding-top:20px;
}
#page_top{
  width: 60px;
  height: 60px;
  border-radius: 40px;
  position: fixed;
  right: 40px;
  bottom: 90px;
  opacity: 0.8;
  background-color:#22457A;
  z-index:20;
}
#page_top a{
  position: relative;
  display: block;
  width: 6px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f077';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/* LP02 */
#webinar {
}
.main_img_container_webinar {
  width:100%;

  background:#eaeaea;
}
.main_img_container_webinar img {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  display: block;
}
section.section_webinar {
  background:#dee6e0;
  padding:80px 0;
  margin:0 auto;
}
section.section_webinar > .section_inner,section.section_webinar_wh > .section_inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
section.section_webinar_wh {
  background: #fff;
  padding: 80px 0;
  margin: 0 auto;
}
section.section_gy {
    background: #f8f8f8;
    padding: 80px 0;
    margin: 0 auto;
}

.outline {
  font-size:1.6em;
  line-height:1.4em;
  font-weight:bold;
  color:#195731;
  letter-spacing:.05em;
  text-align:center;
}
.achievements {
  background:#195731;
  padding:2em;
  margin:0 auto;
}
.achievements h2 {
  color:#fff;
  font-size:2.2em;
  line-height:1.6em;
  text-align:center;
  font-weight:bold;
  margin-bottom:1.5em;
}
.achievements p{
  font-size:1.4em;
  color:#fff;
  padding:0;
}
.achievements p span {
  font-weight:bold;
}
.achievements img {
  width: 60% !important;
  object-position: center;
  height: 100%;
}

.profile span{
  border-bottom:1px solid #222;
  padding-bottom:.5em;
  margin-bottom:1em;
  font-weight:bold;
  font-size:1.1em;
  display:block;
}
ul.webinar_check li {
  margin-left: 1.4em;
	text-indent: -1.4em;
  margin-bottom:1em;
}
ul.webinar_check li:before {
  font-family: "Font Awesome 5 Free";
  display:inline;
  content: '\f14a';
  color:#c90000;
  margin-right:.5em;
}
.overview {
  max-width:800px;
  margin:0 auto;
}
dl.webinar_overview {
  display:block;
}
dl.webinar_overview dt {
  background:#39afdb;
  color:#fff;
  /* font-weight:bold; */
  padding:5px;
  float:left;
  padding:5px 10px;
  min-width:100px;
  text-align:center;
  clear:left;
  margin-right:1em;
  /* box-shadow:2px 2px #043D78; */
}
dl.webinar_overview dd {
  float:left;
  margin-top:5px;
  margin-bottom:1em;
}
dl.webinar_overview dd span {
  color:#043D78;
}
.inquiry {
  border-top:1px solid #043D78;
  border-bottom:1px solid #043D78;
  margin:1em auto;
}
.inquiry th {
  /* font-weight:bold; */
}
.inquiry th,.inquiry td {
  text-align:left;
  padding:.5em;
  font-size:1.2em;
}
h4.webinar_date {
  font-size:1.2em;
  background:#39afdb;
  color:#fff;
  padding:10px 15px;
  display:block;
  margin-bottom:1em;
}
h4.webinar_date span {
  border:1px solid #fff;
  padding:3px 7px;
  font-size:.6em;
  margin-right:1em;
}
h4.webinar_about {
  font-size:1.5em;
  line-height:1.3em;
  background:#39afdb;
  color:#fff;
  padding:10px 15px;
  display:block;
  margin-bottom:1em;
}
h4.webinar_about_ttl {
  font-size:1.6em;
  line-height:1.3em;
  color:#043D78;
  font-weight:bold;
  display:block;
  margin-bottom:1em;
}

.seminar {
  background:#fff;
  padding:20px;
  margin-bottom:40px;
}
.seminar_tab {
  background:#f8f8f8;
  border-right:1px solid #888;
  border-left:1px solid #888;
  border-bottom:1px solid #888;
  padding:40px;
}
.date {
  border:1px solid #ccc;
  border-radius:4px;
  padding:40px 30px;
  margin-bottom:1em;
  min-height:220px;
  box-shadow:5px 5px #39afdb;
}
.date ul li {
  font-weight:bold;
  font-size:1.3em;
  margin-bottom:.5em;
  text-align:center;
}
.date ul li span {
  font-weight:bold;
  font-size:.75em;
}
.date ul li.date_closing {
  color:#999;
}
.date ul li span.closing {
  color:#cd0000;
  font-size:.6em;
  font-weight:normal;
  display:block;
}
.closing {
  color:#cd0000;
  font-size:.9em;
  font-weight:normal;
  display:block;
}
.seminar h5 {
  font-weight:bold;
  border-bottom:1px solid #888;
  padding:5px;
  margin-bottom:.5em;
  padding-top:0;
}
.webinar_apply_btn {
  background:#ffc600;
  padding:20px 30px;
  margin: 20px auto 0;
  width:100%; max-width:600px;
  display:block;
  border-radius:40px;
  text-align:center;
  /* font-size:.9em; */
  line-height:1.2em;
  box-shadow:0 2px 4px rgb(0 0 0 / 30%);
}
.webinar_apply_btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f138';
  font-weight: 900;
  margin-left:.5em;
  font-size:1.25em;
}
.webinar_apply_btn:hover {
  position:relative;
  top:2px;
  opacity:1;
}
.webinar_apply {

}
.webinar_apply_gr {
  background:#ccc;
  padding:20px 30px;
  margin: 20px auto 0;
  width:100%; max-width:600px;
  display:block;
  border-radius:30px;
  text-align:center;
  /* font-size:.9em; */
  line-height:1.2em;
  box-shadow:0 2px 4px rgb(0 0 0 / 30%);
}
.webinar_apply:hover {
  position:relative;
  top:2px;
}
.webinar_btn {
  background:#ffc600;
  padding:7px 10px;
  display:block;
  border-radius:30px;
  text-align:center;
  font-size:.9em;
  line-height:1.2em;
  margin:20px auto 0;
  box-shadow:0 2px 4px rgb(0 0 0 / 30%);
}
.webinar_btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f138';
  font-weight: 900;
  margin-left:.5em;
  font-size:1em;
}
.webinar_btn:hover {
  position:relative;
  display:block;
  top:2px;
  left:0;
  opacity:1;
}
/* LP04 */
ul.testimonials{
  margin-bottom:1em;
  padding-left:0;
}
ul.testimonials li {
  font-size:.9em;
  line-height:1.4em;
  margin-left: 1.4em;
	text-indent: -1.4em;
  margin-bottom:1em;
  border-bottom:1px dotted #888;
  padding-bottom:1em;
}
ul.testimonials li:last-child {
  border-bottom:none;
}
ul.testimonials li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f007';
  color:#043d78;
  font-weight: 900;
  margin-right:.5em;
}
.catch_txt {
  font-size: 1.2em;
    line-height: 1.6em;
    text-align: center;
    color: #555;
    font-weight: bold;
    margin-bottom: 2em;
}
.underline_y {
  background: linear-gradient(transparent 60%, #ffff66 60%);
  font-weight:inherit;
}
.txt_underline_gr {
  color:#28a736!important;
  text-decoration: underline!important;
  font-weight:bold;
}
.txt_underline_gr:hover {
  opacity:1;
}
.txt_underline {
  text-decoration: underline!important;
}
.txt_underline:hover {
  opacity:1;
  color:#28a736;
}
.caption {
  font-size:.75em;
  text-align:right;
}
dl.event_date {
  display: flex;
flex-wrap: wrap;
width: 100%;
position:relative;
}
dl.event_date dt {
  width: 25%;
  font-size:.9em;
  text-align: center;
  padding: .2em;
  margin-bottom: 10px;
  border:1px solid #043D78;
  color:#043D78;
}
dl.event_date dd {
  width:70%;
  font-size:.9em;
  margin-left:3%;
  padding-top: 0.25em;
  font-weight:bold;
}
dl.event_date dd.date_closing {
  width:70%;
  font-size:.9em;
  margin-left:3%;
  padding-top: 0.25em;
  font-weight:bold;
  color:#bbb;
}
dl.event_date dd span {
  font-size:1.4em;
  font-weight:bold;
}
/* Q&A */
.faq_q,.faq_a {
  overflow: hidden;
  align-items: center;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.faq_a {
  margin-bottom:2em;
}
.faq_q .faq_no,.faq_a .faq_no {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius:4px;
    font-family: "Helvetica Neue",Arial;
}
.faq_q .faq_no {
    background-color: #043D78;
}
.faq_a .faq_no {
    background-color:#388ee7;
}
.faq_q .faq_txt, .faq_a .faq_txt {
    margin-bottom: 0;
    padding-left: 3em;
    color:#333;
    box-sizing: border-box;
}
.faq_q .faq_txt {
  font-weight:bold;
  color: #043D78;
}
.faq_a:last-child {
  margin-bottom:0;
}

.webinar_btn_gr {
  background:#ccc;
  padding:7px 10px;
  margin:0 auto;
  display:block;
  border-radius:30px;
  text-align:center;
  font-size:.9em;
  line-height:1.2em;
  margin:20px 0 0;
  box-shadow:0 2px 4px rgb(0 0 0 / 30%);
}
.disc {
  list-style-type: disc;
  margin:0 10px 10px 1.5em;
}
.disc li {
  padding-bottom:.5em;
}
.disc li:last-child {
  padding-bottom:0;
}
.branch {
    width:60%;
}
.icon_theme {
  display:block;
  margin:0 auto;
}
.jprep_space {
  white-space: nowrap;
  margin-right:.25em;
}
.footer_webinar {
  position:fixed;
  background:#043D78;
  bottom:0;
  padding:10px 0;
  width:100%;
  max-width:100%;
  height:210px;
  z-index:10;
}
.footer_webinar05 {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  padding: 10px 0;
  width: 100%;
  max-width: 100%;
  height: 120px;
  z-index: 10;
}
.footer_inner {
  max-width:1000px;
  width:90%;
}
.footer_inner p {
  color:#fff;
  font-weight:bold;
}
/*----------------------------------
  TABLET
----------------------------------*/

@media screen and (min-width:426px) and (max-width:1023px) {

.sp {
  display:none;
}
.pc {
  display:block;
}
.sp_pc {
  display:none;
}
.header_inner img {
    width: 30%;
}

.main_img_container {
  background-position: 40% 20%;
}
.main_img_inner h1 {
  font-size:4rem;
  top:280px;
  right:0;
}
.main_img_inner p {
  font-size:1.6rem;
  top:370px;
  right:45px;
  text-align:center;
}
.acd-label:after {
  top:-90px;
}
.acd-check:checked + .acd-label + .acd-content_overflow {
  overflow:visible;
}
.contact:before {
  width: 100%;
  height: 100%;
}
.company img,.company_webinar img {
    width: 30%;
}


/* LP03 */
.instructor_name {
  font-size: 16px;
  line-height: 1.4em;
  font-weight: bold;
  margin: 1rem 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 2rem 0;
  text-align:center;
}
.instructor_name span {
  font-size:.9em;
  display:block;
}
.main_img_container_webinar03 {
  width:100%;
  background-image:linear-gradient(to right, #11284a 10%, #184875 100%);
}

.main_img_container_webinar03 img,.main_img_container_webinar04 img {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  display: block;
}
.btn50 {
  width:80%;
  margin:5px auto;
}
/* LO04 */
dl.event_date dt {
  width: 35%;
  font-size:.8em;
}
dl.event_date dd {
  width:60%;
  font-size:.8em;
  margin-left:2%;
}
.main_img_container_webinar04 {
  width:100%;
  position:relative;
  background-image: linear-gradient(150deg, rgba(247, 166, 12, 1), rgba(253, 224, 45, 1) 0%, rgba(249, 185, 23, 1) 25%, rgba(240, 158, 32, 1) 75%, rgba(236, 133, 58, 1));
}
.main_img_container_webinar04 a:hover {
  opacity:1;
}
.main_img_container_webinar04 .gotoform {
	font-size:		150%;
	color:			#fff;
	padding-top:		100px;
	padding-left:		250px;
}
.gotoform span {
  display:block;
  width:400px;
  margin:0 auto;
  background:#ffc600;
  border-radius:30px;
  text-align:center;
  padding:20px 5px;
}
.gotoform span:after {
font-family: "Font Awesome 5 Free";
    content: '\f138';
    font-weight: 900;
    margin-left: 0.5em;
    font-size: 1em;
}
.main_img_container_webinar04 .mask {
  width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.main_img_container_webinar04:hover .mask {
  opacity:1;
	padding-top:80px;
}
}
/*----------------------------------
  PC
----------------------------------*/

@media screen and (min-width:1024px)  {
.sp {
  display:none;
}
.pc {
  display:block;
}
/* .main_img_highschool {
  background-image:url(../img/highschool_main.png);
  background-color:#195731;
  height:600px;
  width:100%;
} */
.main_lead {
  background:#195731;
  color:#fff;
  font-size:2.4em;
  text-align:center;
}
.main_img_container {
  height: 750px;
  background-position: 0 20%;
}
.main_img_inner h1 {
  font-size: 4.6rem;
  top: 360px;
  right: 220px;
  text-align: center;
}
.main_img_inner p {
  font-size:1.9rem;
  text-align:center;
  top:470px;
  right:254px;
}
.outline {
  font-size:1.9em;
  line-height:1.6em;
}
p.uni:before {
    width: calc(100% - 90%);
}
p.uni span,p.scholars span {
  top:-32px;
}
.curri_target_uni {
  min-height:180px;
}
.curri_target_scholars {
  min-height:195px;
}
.illust p {
  margin-top:35px;
}
.acd-check:checked + .acd-label + .acd-content_overflow {
  overflow:visible;
}
.lead_txt_s {
  font-size:1.4em;
  line-height:2em;
}
.curri_target_uni,.curri_target_scholars {
  min-height:175px;
}
.curri_course_uni, .curri_course_scholars {
  min-height:175px;
}
.achievements h2 {
  font-size:4.2em;
  line-height:1.6em;
}
.achievements p {
  font-size:1.8em;
}
.achievements img {
  width:80%!important;
}
/* grid system */
.grid_pc {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    position: relative;
}
.grid_pc_12 {	width: 100%;}
.grid_pc_11 {	width: 91.66666667%;}
.grid_pc_10 {	width: 83.33333333%;}
.grid_pc_9 {	width: 75%;}
.grid_pc_8 {	width: 66.66666667%;}
.grid_pc_7 {	width: 58.33333333%;}
.grid_pc_6 {	width: 50%;}
.grid_pc_5 {	width: 41.66666667%;}
.grid_pc_4 {	width: 33.33333333%;}
.grid_pc_3 {	width: 25%;}
.grid_pc_2a {	width: 20%;}
.grid_pc_2 {	width: 16.66666667%;}
.grid_pc_1 {	width: 8.33333333%;}

.course_frm {
  width:70%;
}

.school>.card2 {
  margin-bottom:1em;
}
.info_tbl {
  width:80%;
  background:#fff;
  font-size:1em;
  line-height:1.6em;
}
.form_btn_beginners,.form_btn_core,.form_btn_jr,.form_btn_uni,.form_btn_scholars {
  width:40%;
}

.work img {
  width:50%;
}

.acd-check:checked + .acd-label + .acd-content_beginners {
  height:300px;
}
.acd-check:checked + .acd-label + .acd-content_core {
  height:500px;
}
.acd-check:checked + .acd-label + .acd-content_jr {
  height:200px;
}
.acd-check:checked + .acd-label + .acd-content_uni {
  height:750px;
}
.acd-check:checked + .acd-label + .acd-content_scholars {
  height:1100px;
}
.card2_inner > .btn_info {
  margin-top:25px;
  color:#fff;
}
.card2_inner > .btn_guide {
  /* margin-top:25px; */
  color:#fff;
}
.company {
  height:300px;
}
.company_webinar {
  margin-bottom:0;
}
.company_inner p {
  text-align:left;
}
.company img,.company_webinar img {
  width:40%;
  float:right;
}
.flex_company01 {
  width:48%;
}
.footer_webinar {
  height:140px;
}
.header_inner img {
  width:15%;
}
.icon_theme {
  margin:2em auto 0;
  width:80%;
}
.btn50 {
  width:50%;
}
.gotoform {
	padding-top:		200px;
	padding-left:		0;
}
.gotoform span {
  display:block;
  width:440px;
  margin:0 auto;
  background:#ffc600;
  border-radius:30px;
  text-align:center;
  padding:10px 5px;
}
.gotoform span:after {
font-family: "Font Awesome 5 Free";
    content: '\f138';
    font-weight: 900;
    margin-left: 0.5em;
    font-size: 1em;
}
.main_img_container_webinar04 .mask,.main_img_container_webinar05 .mask {
  width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.main_img_container_webinar04:hover .mask,.main_img_container_webinar05:hover .mask {
  opacity:1;
	padding-top:80px;
}
.lead_txt {
  font-size:2em;
  line-height:1.4em;
}
.lead_txt span {
  font-size:.6em;
}
.bg_blue,.bg_green,.bg_nv {
  font-size:1.4em;
}
.bg_area {
  height:200px;
}

.seminar05_btn {
	padding:15px 0;
  font-size:1em;
}
.catch_txt {
  font-size: 1.8em;
}
#page_top {
  bottom:25px;
}
}