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

#mv {
  
}

#mv .constbox {
  position: relative;
  padding-top:5rem;
  padding-bottom:12.4rem;
}

#mv h1 {
  position: relative;
  z-index: 1;
  line-height: 1.4;
  font-size: 2.5rem;
  color:var(--color_orange);
  font-weight: 600;
}
#mv h1 .en {
  font-size: 7.14rem;
  display:block;
  line-height: 1.2;
}

#mv .abs:nth-child(1) {
  width:35%;
  top:60%;
}
#mv .abs:nth-child(2) {
  width:20%;
  top:0%;
  left:60%;
}
#mv .abs:nth-child(3) {
  width:15%;
  bottom:-20%;
  left:70%;
}
#mv .abs:nth-child(4) {
  width:10%;
  top:0%;
  right:-5%;
}

@media(max-width:768px) {
  #mv .constbox {
    padding-top:0rem;
    padding-bottom:4rem;
  }
  #mv h1 {
    font-size:2.14rem;
  }
  #mv h1 .en {
    font-size:3.5rem;
    margin-bottom:1rem;
  }
}

/*base*/
.post_content {
  font-size:1.14rem;
}
.post_content p:not(:first-child):not(:last-child) {
  margin-top:1rem;
  margin-bottom:1rem;
}

.post_content p + *:not(p) {
  margin-top:4rem;
}

.post_content .constbox a {
  color:var(--color_orange);
}

.post_content .note {
  font-size:1rem;
  line-height: 1.4;
  margin-top:0.5em;
}

@media(max-width:768px) {
  .post_content {
    font-size:1rem;
  }
}

/*見出し*/
.post_content .constbox h2,
.post_content .constbox h3,
.post_content .constbox h4,
.post_content .constbox h5 {
  font-weight:600;
}
.post_content .constbox h2 {
  line-height: 1.4;
  font-size: 2.5rem;
  color:var(--color_orange);
  text-align: center;
}
.post_content .constbox h2 > .inline_fill {
  margin-top:1rem;
}
.post_content .constbox h3 {
  line-height: 1.4;
  font-size: 1.7rem;
  color:var(--color_orange);
}

@media(max-width:768px) {
  .post_content .constbox h2 {
    font-size:1.57rem;
  }
}

.post_content .constbox h2:not(:first-child),
.post_content .constbox h3:not(:first-child) {
  margin-top:6rem;
}

.post_content .constbox h2 + * {
  margin-top:4rem !important;
}
.post_content .constbox h2 + h3 {
  margin-top:2rem !important;
}
.post_content .constbox h3 + * {
  margin-top:2rem !important;
}

.post_content .constbox .tit_strong {
  font-size:1.28rem;
}

body.single #mv h1 {
  font-size:3rem;
}
body.single #mv h1 .en {
  font-size:2rem;
  margin-bottom:0.5em;
}

body.single #mv .author {
  text-align:right;
  margin-top: 1em;
  font-size: 1.2rem;
  z-index: 1;
  position: relative;
}

@media(max-width:768px) {
  
  body.single #mv h1 {
    font-size:5vw;
  }
  body.single #mv h1 .en {
    font-size:4vw;
  }
  body.single #mv .author {
    font-size: 3.5vw;
  }
}

body.single .post_content .constbox {
  max-width:850px;
}
.post_content .wp-block-heading:not(:first-child) {
  margin-top:2em;
}


/*ボックス*/
.fill_box {
  border-radius: 5px;
  padding:2rem;
  position: relative;
}
.fill_box.spadding {
  padding:1rem;
}
.fill_box + .fill_box {
  margin-top:2rem;
}

.fill_box .illust {
  position: absolute;
  z-index: 1;
  bottom:0;
  right:0;
  max-width:150px;
  transform:translate(50%, 50%);
  width:25%;
}

@media(max-width:768px) {
  .fill_box .illust {
    right:-4vw;
    bottom:4vw;
    transform:translate(0%, 50%);
  }
}

.inline_fill {
  padding:0.3em 0.5em;
  border-radius: 5px;
  display:block;
  width:fit-content;
  text-align:center;
  text-decoration: none;
  line-height: 1.4;
}
.inline_fill.large_padding {
  padding:1em;
}

.block:not(:first-child) {
  margin-top:4rem;
}

.round_wrapper {
  border-radius: 5px;
  overflow: hidden;
  height: fit-content;
}

.round_wrapper > * {
  border-radius: 0;
}
.post_content .layout1 > *:nth-child(n+2):not(.separate_self) {
  margin:0 !important;
}
.post_content .layout1 > *.separate_self {
  margin-top:1rem !important;
}

.post_content .layout1 .tit {
  font-size:1.4rem;
  padding:0.8em;
}
.post_content .layout1 .tit span.note {
  font-size:1.14rem;
  display:block;
}
.post_content .layout1 .tit.fill_box {
  justify-content: flex-start;
}

.post_content .layout1.separate >  *:nth-child(n+2) {
  margin-top:1rem !important;
}

.post_content .label_text {
  display:flex;
  gap:1rem;
}
.post_content .label_text > i {
  display:block;
  width:fit-content;
  white-space: nowrap;
  align-self: flex-start;
  padding:0.5em 0.5em;
  line-height: 1;
  border-radius: 3px;
  font-style: normal;
}
.post_content .label_text > *:last-child {
  flex:1;
}

.post_content ul:not(.notype) {
  list-style-type:disc;
  padding-left:1.5em;
}

@media(max-width:768px) {
  .post_content .layout1 .tit + .fill_box {
    padding:1em;
  }
}

/*パーツ*/
.horizontal_item:not(:first-child) {
  margin-top:1em;
}
.horizontal_item > * > *:nth-child(2n-1) {
  font-style: normal;
  display:block;
}
.horizontal_item > * > *:nth-child(2n) {
  display:block;
  flex:1;
}
.horizontal_item > *:not(.nohorizontal_child) {
  display:flex;
  gap:0.5em;
  width:100%;
}

.plain_tbl th {
  white-space: nowrap;
  text-align: left;
}
.plain_tbl th,
.plain_tbl td {
  padding:0.5rem;
  vertical-align: top;
}

.wp-pagenavi {
  display:flex;
  justify-content: center;
  gap:0.3rem;
  margin-top:3rem;
}
.wp-pagenavi .pages {
  display:none;
}
.wp-pagenavi > * {
  padding:0.5em;
  background:#fff;
  color:var(--color_orange);
  display:flex;
  justify-content:center;
  align-items:center;
  line-height: 1;
  min-height: 2.5em;
  min-width:2.5em;
  border-radius: 4px;
  border:none !important;
}
.wp-pagenavi > *:hover,
.wp-pagenavi > *.current {
  background:var(--color_light_orange2);
}
.wp-pagenavi a {
  text-decoration: none;
}

form .group {
  display:flex;
  gap:1rem;
}
form .group + .group {
  margin-top:2rem;
}
form .group .label {
  width:5em;
  text-align: right;
  align-self: center;
}
form .group .field {
  flex:1;
}

form .group input[type=text],
form .group input[type=tel],
form .group input[type=email] {
  background:#f2f2f2;
  border-radius: 5px;
  padding:0.5em;
  font-size:16px;
  border:none;
  width:100%;
}
@media(max-width:768px) {
  form .group {
    flex-direction: column;
    gap:0.3em;
  }
  form .group + .group {
    margin-top:1em;
  }
  form .group input[type=text],
  form .group input[type=tel],
  form .group input[type=email] {
    padding:1.3em 1em;
  }
  form button.round_button {
    width:100%;
    margin-top:2em !important;
  }
}


/*ボタン*/
.post_content a.round_button {
  padding-top:1.5em;
  padding-bottom:1.5em;
  width:35%;
}
@media(max-width:768px) {
  .post_content a.round_button {width:auto;}
}
.col2_btnarea {
  max-width:800px;
  margin-inline:auto;
  display:flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap:2rem;
  height: auto;
}
.col2_btnarea > a.round_button {
  margin-top:0;
  width:100%;
  line-height: 1.4;
  /*! height: 100%; */
  display:flex;
  align-items: center;
}
@media(max-width:768px) {
  .col2_btnarea {
    max-width:none;
    flex-direction: column;
  }
}


/*装飾*/
.border-dotted {
  border-bottom:3px dotted var(--color_orange);
}

/*目次*/
.toc {
  margin-inline:auto;
  width:45em;
}
.toc .fill_box a {
  color:inherit;
}
.toc .fill_box {
  padding-top:0.5em;
  padding-bottom:0.5em;
}
.toc ul li {
  margin-top:0.5rem;
}
.toc ul li ul {
  padding-left:4rem;
}

/*faq*/
.post_content .layout1.faq_layout .answer_desc {
  margin-top:0;
  border-top:2px dashed var(--color_orange);
}
.post_content .layout1.faq_layout .answer_desc > div:nth-child(n+2) {
  margin-top:2rem;
  padding-top:2rem;
  border-top:2px dashed var(--color_orange);
}

/*ブログ検索エリア*/
.blog_search_area {
  width:80%;
  margin-inline:auto;
  margin-bottom:4rem;
}
.blog_search_area form {
  width:80%;
  margin-inline:auto;
}

@media(max-width:768px) {
  .blog_search_area {
    width:auto;
  }
  .post_content .blog_search_area form {
    margin-top:2rem !important;
    width:100%;
  }
}

/*link集*/
.links_area {
  max-width:900px;
  margin-inline: auto;
}
.links_area a.fill_box {
  text-decoration: none;
  font-size:1.4rem;
  justify-content: space-between;
  padding-top:0.8em;
  padding-bottom:0.8em;
}
.links_area a.fill_box span {
  flex:1;
  line-height: 1.3;
}
.links_area a.fill_box i {
  width:1.5em;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.links_area a.fill_box + a.fill_box {
  margin-top:1.5rem;
}

.links_area.sitemap .children {
  padding-left:10%;
  margin-top:1rem;
  margin-bottom:2rem;
}
.links_area.sitemap .children a.fill_box + a.fill_box {
  margin-top:1rem;
}


@media(max-width:768px) {
  .links_area a.fill_box {
    font-size:3.8vw;
  }
  .links_area a.fill_box + a.fill_box {
    margin-top:1rem;
  }
}

/*ジョブ・クラフティングの効果*/
.effect_jc {
  justify-content: center;
  max-width:1200px;
  margin-inline: auto;
}
.effect_jc > div:first-child,
.effect_jc > div:last-child {
  width:calc(50% - 6rem)
}
.effect_jc > div.material-icons {
  align-self: center;
  font-size:4rem;
}

.effect_jc > div > div.fill_box {
  margin-top:1rem;
}

#jc_chat figure {
  width:12rem;
  margin-top:0;
  margin-left:auto;
}

@media(max-width:768px) {
  .effect_jc {
    flex-direction: column;
    gap:0.5rem;
  }
  .effect_jc > div:first-child,
  .effect_jc > div:last-child {
    width:100%;
  }
  .effect_jc > div.material-icons {
    transform:rotate(90deg);
  }
  #jc_chat figure {
    margin-inline: auto;
  }
}

.actv_4 > div {
  display:flex;
  gap:1em;
  align-items: center;
  background:var(--color_light_orange2);
  padding:1em;
  border-radius: 1em;
}
.actv_4 > div > .num {
  width:9rem;
  height: auto;
  aspect-ratio:1 / 1;
  background: #fff;
  color:var(--color_orange);
  font-size:4rem;
  font-weight: bold;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  line-height: 1;
}
.actv_4 > div p {
  flex:1;
  font-size:1.42rem;
}
@media(max-width:768px) {
  .actv_4 > div p {
    font-size:1.1em;
  }
  .actv_4 > div > .num {
    width:5rem;
    font-size:9vw;
  }
}

.teachers_list:not(.simple) {
  display: flex;
  flex-direction: column;
  gap:4rem;
}
.teachers_list:not(.simple) li {
  background:var(--color_light_orange2);
  padding:2rem;
  border-radius: 1rem;
}
.teachers_list:not(.simple) li figure {
  width:20%;
}
.teachers_list li {
  display:flex;
  flex-wrap: wrap;
  gap:2rem;
  align-items: flex-start;
}
.teachers_list li figure {
  width:26%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.teachers_list li div.desc {
  flex:1;
  align-self:center;
}
.teachers_list li div.desc .fab {
  font-size:1.14rem;
  font-weight:bold;
}
.teachers_list li div.desc > .nm {
  color:var(--color_orange);
  display:flex;
  gap:0.5rem;
  font-size:1.7rem;
  align-items:baseline;
  font-weight:bold;
  margin-top:0em;
  margin-bottom:0.5em;
  line-height: 1.2;
}
.teachers_list li div.desc > .nm span {
  font-size:2.8rem;
}
.teachers_list li div.desc .spc {
  padding:0.5rem;
  border-radius: 0.2rem;
  line-height: 1.3;
}

.teachers_list li > .oth {
  width:100%;
}

@media(max-width:768px) {
  .teachers_list li {
    gap:1rem;
  }
  .teachers_list li figure {
    width:28% !important;
  }
  .teachers_list li div.desc .fab {
    font-size:2.2vw;
  }
  .teachers_list li div.desc > .nm {
    font-size:4vw;
  }
  .teachers_list li div.desc > .nm span {
    font-size:6vw;
  }
  .teachers_list li div.desc .spc {
    font-size:2.2vw;
  }
}

.features li {
  background:#fff;
  padding:1.5rem;
  border-radius: 0.6rem;
}
.features li .tit {
  font-size:1.28rem;
  display:flex;
  align-items: center;
  background:var(--color_light_orange);
  padding:1rem;
  min-height: 4em;
  border-radius: 0.5rem;
}
.features li .tit + p {
  line-height: 1.6;
  margin-top:1em !important;
}

.price_tbl {
  display:flex;
  flex-direction: column;
  gap:0.5em;
}
.price_tbl li {
  display:flex;
  justify-content: space-between;
  gap:1em;
}
.price_tbl li .val {
  white-space: nowrap;
}

.pamph_link a.inline_fill {
  width:80%;
  margin-bottom:0.5em;
}

.login_info.fill_box {
  padding-top:4em;
  padding-bottom:4em;
}