@charset "utf-8";
/*
Theme Name: issue_tcd106-child
Template: issue_tcd106
*/
/*#016f70*/

/* Layout */
/*
 固定ページをCSSで、幅100%に設定しているので、
 max-widthが必要なときに使用する
*/
.width800,
.width880,
.width960,
.width1040,
.width1120,
.width1200 {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.width800 {
  max-width: 800px;
}

.width880 {
  max-width: 880px;
}

.width960 {
  max-width: 960px;
}

.width1040 {
  max-width: 1040px;
}

.width1120 {
  max-width: 1120px;
}
.width1200 {
  max-width: 1200px;
}
@media screen and (min-width: 782px) {

  .width800,
  .width880,
  .width960,
  .width1040,
  .width1120,
  .width1200 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* flexの設定 ====================================================================================*/
/* flex
  <div class="flex-box flex-box-column2 flex-">
    <div class="flex-box-inner">

    </div>< !-- .flex-box-inner end -->

    <div class="flex-box-inner">
    </div>< !-- .flex-box-inner end -->
  </div>< !-- .flex-box end -->
*/
.flex-box{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-box-inner{
  margin: 0 1% 1rem;
}
.flex-box-column2 .flex-box-inner{
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
}
.flex-box-column3 .flex-box-inner{
  -webkit-flex-basis: 31.333%;
  flex-basis: 31.333%;
}
.flex-box-column4 .flex-box-inner{
  -webkit-flex-basis: 23%;
  flex-basis: 23%;
}
.flex-box-column5 .flex-box-inner{
  -webkit-flex-basis: 18%;
  flex-basis: 18%;
}
@media screen and (max-width: 768px){
  .flex-box-column2 .flex-box-inner,
  .flex-box-column3 .flex-box-inner{
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0 0 1rem;
  }
  .flex-box-column4 .flex-box-inner,
  .flex-box-column5 .flex-box-inner{
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
  }
}

/* Image*/
/*
  CSS だけで画像縦横比を維持したレスポンシブ対応
  <div class="aspect-group">
    <div class="aspect-bgimage" style="background-image: url(画像のURL)"></div>
  </div><!-- .aspect-group end -->
*/
.aspect-group-tate {
  margin: 0 auto;
  max-width: 280px;
  text-align: center;
}

.aspect-bgimage {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  /*padding-top: 62.5%;*/
  /* 8:5(黄金比) */
  /*padding-top: 57.14%;*/
  /* 7:4(白銀比) */
  /*padding-top: 33.33%;*/
  /* 9:3(青銅比) */
  /*padding-top: 75%;*/
  /* 4:3 */
  padding-top: 66.66%;
  /* 3:2 */
  /*padding-top: 56.25%;*/
  /* 16:9 */
  /*padding-top: 50%;*/
  /* 2:1 */
  /*padding-top: 100%;*/
  /* 1:1 */
  width: 100%;
}

.aspect-group-tate .aspect-bgimage {
  padding-top: 150%;
  /* 2:3 */
}

@media screen and (min-width: 540px) {
  .aspect-group-tate {
    max-width: 90%;
  }
}

@media screen and (min-width: 782px) {
  .aspect-group-tate {
    max-width: 80%;
  }
}

@media screen and (min-width: 980px) {
  .aspect-group-tate {
    max-width: 70%;
  }
}
/******************************************************************
フェードイン
******************************************************************/
.fadein {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}
.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}
.fadein2 {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0.5s;
}
.fadein2.is-active {
	opacity: 1;
	transform: translateY(0);
}
/******************************************
ヘッダー
******************************************/
/*#header_logo img {
  max-height: 40px;
}
@media screen and (min-width: 801px) {
  #header_logo img {
    max-height: 55px;
  }
}
@media (min-width: 1300px) {
  #global_menu > ul > li.active > a, #global_menu > ul > li.current-menu-item > a {
      color: #000;
  }
}*/
/******************************************
トップページ 共通
******************************************/
.section-top-inner {
  padding: 0 24px;
}
.pc-block {
  display: block;
}
.sp-block {
  display: none;
}
@media screen and (max-width: 640px) {
  .pc-block {
    display: none;
  }
  .sp-block {
    display: block;
  }
}
.top-midashi {
  text-align: center;
  margin-bottom: 90px;
}
.top-midashi h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  color: #016f70;
}
.top-midashi h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #016f70;
}
#loader_logo_image img {
}
/******************************************
トップページ about
******************************************/
.post_content .section-top-about-img img {
  width: 30%;
  margin: 0 auto;
}
.post_content .section-top-about h2 {
  font-size: calc(var(--single_title_font_size) + 8px);
  font-weight: 600;
  line-height: 1.4;
  margin: 1.3em 0 .5em 0;
  text-align: center;
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.post_content .section-top-about h3 {
    font-size: calc(var(--single_title_font_size) - 8px);
    font-weight: 600;
    line-height: 1.6;
    margin: 0em 0 1.3em 0;
    text-align: center;
    color: #333;
    font-style: italic;
}
.post_content .section-top-about p {
    line-height: 2;
    margin: 0 0 0em 0;
    text-align: center;
    color: #333;
    font-size: calc(var(--content_font_size) + 3px);
}
@media screen and (max-width: 800px) {
  .post_content .section-top-about-img img {
    width: 55%;
    margin: 24px auto 8px;
}
.post_content .section-top-about h2 {
  font-size: calc(var(--single_title_font_size) + 2px);
  margin: 1em 0 .5em 0;
}
.post_content .section-top-about h3 {
    font-size: calc(var(--single_title_font_size) - 8px);
}
.post_content .section-top-about p {
    font-size: calc(var(--content_font_size) + 0px);
    text-align: left;
}
}
/******************************************
トップページ スクロールコンテンツ
******************************************/
.scroll_content_section .content .headline + .catch {
  margin-top: 40px;
}
.scroll_content_section .content .link_button {
    margin-top: 45px !important;
}
.scroll_content_section .content .desc {
  line-height: 2;
}
/******************************************
トップページ デザイン一覧
******************************************/
.post_content .section-top-design h2 {
  font-size: calc(var(--single_title_font_size) + 4px);
  font-weight: 600;
  line-height: 1.7;
  margin: 1.3em 0 .5em 0;
  text-align: center;
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.post_content .section-top-design h3 {
    font-size: calc(var(--single_title_font_size) - 8px);
    font-weight: 600;
    line-height: 1.6;
    margin: 0em 0 1.3em 0;
    text-align: center;
    color: #333;
    font-style: italic;
}
.post_content .section-top-design img.aligncenter {
  margin: 0;
}
.section-top-design .flex-box-column3 .flex-box-inner {
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    margin: 0;
}
.post_content .flex-box-inner-top-design {
  margin: 10px !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.swiper-top_design {
  overflow: hidden;
}
@media screen and (max-width: 800px) {
.post_content .section-top-design h2 {
  font-size: calc(var(--single_title_font_size) - 2px);
  margin: 1.3em 0 .5em 0;
  text-align: center;
}
.post_content .section-top-design h3 {
    font-size: calc(var(--single_title_font_size) - 8px);
    font-weight: 600;
    line-height: 1.6;
    margin: 0em 0 1.3em 0;
    text-align: center;
    color: #333;
    font-style: italic;
}
}
/******************************************
トップページ ボタン
******************************************/
.section-top-btn {
  text-align: center;
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  padding: 80px 0;
}
.post_content .section-top-btn h2,
.post_content .section-top-btn h3,
.post_content .section-top-btn h4,
.post_content .section-top-btn p,
.post_content .section-top-btn a {
  color: #fff;
}
.post_content .section-top-btn h2 {
    font-size: var(--single_title_font_size);
    font-weight: 600;
    line-height: 1.4;
    margin: 0em 0 .5em 0;
    text-align: center;
}
.post_content .section-top-btn h3 {
    font-size: calc(var(--single_title_font_size) - 6px);
    font-weight: 600;
    line-height: 1.6;
    margin: .5em 0 .5em 0;
}
.post_content .section-top-btn a {
  display: block;
  max-width: 450px;
  margin: 0 auto;
  border: solid 1px #fff;
  font-weight: bold;
  padding: 20px 8px;
  border-radius: 50px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  transform: translateY(-4px);
  transition: .3s;
  background-color: #fff;
  color: #016f70;
}
.post_content .section-top-btn a:hover {
  text-decoration: none;
  box-shadow: none;
    transform: translateY(0);
}
@media screen and (max-width: 800px) {
.post_content .section-top-btn h2 {
    font-size: calc(var(--single_title_font_size) - 2px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0em 0 .5em 0;
    text-align: center;
}
}
/******************************************
トップページ 導入の流れ
******************************************/
.flow_design03 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  margin-top: 40px;
}
.post_content ul.flow03 {
  margin-left: 0em;
}
.flow_design03 ul {
  padding: 0;
}

.flow_design03 li {
  list-style-type: none;
}

.flow_design03 dd {
  margin-left: 0;
}

.flow03 {
  position: relative;
}

.flow03::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}

.flow03 > li {
  position: relative;
}

.flow03 > li:not(:last-child) {
  margin-bottom: 60px;
}

.flow03 > li .icon03 {
  font-size: 0.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background: #016f70;
  display: inline-block;
  margin-right: 0.3em;
}

.flow03 > li dl {
  padding-left: 70px;
  position: relative;
}

.flow03 > li dl::before,
.flow03 > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.flow03 > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #016f70;
  border-radius: 50%;
  left: -4px;
}

.flow03 > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

.flow03 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #016f70;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .section-top-flow {
    padding: 40px 0;
  }
.flow_design03 {
  margin-top: 0px;
}
.section-top-flow .top-midashi {
    margin-bottom: 60px;
}
.flow03 > li dl {
  padding-left: 30px;
  position: relative;
}
.flow03 > li .icon03 {
  font-size: 0.8em;
  width: 2em;
  height: 2em;
  line-height: 2.1;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background: #016f70;
  display: inline-block;
  margin-right: 0.3em;
}
.flow03 > li dl::after {
  width: 24px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}
.flow03 > li dl dt {
  font-size: 1.2em;
  font-weight: 600;
  color: #016f70;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}
}
/******************************************
トップページ よくある質問
******************************************/
.qa-6 {
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 2px solid #d6dde3;
}

.qa-6 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-6 summary::before,
.qa-6 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-6 summary::before {
    color: #006eb0;
    content: "Q";
}

.qa-6 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-6[open] summary::after {
    transform: rotate(225deg);
}

.qa-6 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-6[open] p {
    transform: none;
    opacity: 1;
}

.qa-6 p::before {
    color: #e95464;
    line-height: 1.2;
    content: "A";
}
.post_content .qa-6 p {
    line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .section-top-faq {
    padding: 40px 0;
  }
.section-top-faq .top-midashi {
    margin-bottom: 60px;
}
}
/******************************************
固定ページ haridezaについて
******************************************/
.page-id-17 #page_contents .post_content {
    width: 100%;
    margin: 0 auto;
}
.page-id-17 .post_content .section-page-about-img img {
  width: 30%;
  margin: 0 auto;
}
.page-id-17 .post_content .page-about-intro h2 {
  font-size: calc(var(--single_title_font_size) + 8px);
  font-weight: 600;
  line-height: 1.4;
  margin: .3em 0 1em 0;
  text-align: center;
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.page-id-17 .post_content .page-about-intro h3 {
    font-size: calc(var(--single_title_font_size) - 8px);
    font-weight: 600;
    line-height: 1.6;
    margin: 0em 0 1.3em 0;
    text-align: center;
    color: #333;
    font-style: italic;
}
.page-id-17 .post_content .page-about-intro p {
    line-height: 2;
    margin: 0 0 0em 0;
    text-align: center;
    color: #333;
    font-size: calc(var(--content_font_size) + 0px);
}
.section-page-about-intro-text {
  margin-bottom: 24px;
}
@media screen and (max-width: 800px) {
  .page-id-17 .post_content .section-page-about-img img {
    width: 55%;
    margin: 24px auto 8px;
}
.page-id-17 .post_content .page-about-intro h2 {
  font-size: calc(var(--single_title_font_size) + 2px);
  margin: 1em 0 .5em 0;
}
.page-id-17 .post_content .page-about-intro h3 {
    font-size: calc(var(--single_title_font_size) - 8px);
}
.page-id-17 .post_content .page-about-intro p {
    font-size: calc(var(--content_font_size) + 0px);
    text-align: left;
}
}

/* 運営者情報 */
.page-about-member {
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  padding: 80px 0;
  margin: 80px 0;
}
.post_content .member-midashi {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
}
.flex-page-about-member {
  margin-bottom: 40px;
}
.post_content .page-about-member h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  color: #fff;
}
.post_content .page-about-member h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}
.post_content .page-about-member img.aligncenter {
    margin-top: 0em;
    margin-bottom: 0em;
}
.post_content .page-about-member h3,
.post_content .page-about-member p {
  color: #fff;
}
.page-id-17 .post_content .page-about-member h3 {
    font-size: calc(var(--single_title_font_size) + 24px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0.4em 0 .2em 0;
    text-align: left;
    font-style: italic;
}
.post_content .page-about-member p {
  margin-bottom: 8px;
  line-height: 1.8;
}
.post_content .page-about-member p.depart {
  display: block;
    width: max-content;
    padding: 8px 32px 6px;
    text-align: center;
    font-weight: bold;
    color: #139693;
    background-color: #fff;
    border-radius: 50px;
    margin-bottom: 30px;
}
.post_content .page-about-member p.team {
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: dotted 1px #fff;
  margin-bottom: 16px;
}
.flex-page-about-member-order .flex-box-inner:nth-child(1) {
  order: 2;
}
.flex-page-about-member-order .flex-box-inner:nth-child(2) {
  order: 1;
}
@media screen and (max-width: 800px) {
.page-id-17 .post_content .page-about-member h3 {
    font-size: calc(var(--single_title_font_size) + 2px);
    margin-bottom: 16px;
}
.flex-page-about-member-order .flex-box-inner:nth-child(1) {
  order: 1;
}
.flex-page-about-member-order .flex-box-inner:nth-child(2) {
  order: 2;
}
}
/******************************************
固定ページ 会員制度
******************************************/
.page-id-104 #page_contents .post_content {
    width: 100%;
    margin: 0 auto;
}
.page-id-104 #page_header {
  display: none;
}
@media screen and (max-width: 800px) {
.n2-ss-slider .n2-ss-item-image-content img {
    display: inline-block;
    max-width: 80% !important;
}
}
@media screen and (max-width: 1000px) {
    #page_contents .post_content {
        margin: 0 0px !important;
    }
}
.post_content .membership-midashi,
.post_content .seminar-midashi {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 0px;
}
.post_content .page-membership h2,
.post_content .page-seminar h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  color: #016f70;
}
.post_content .page-membership h2:before,
.post_content .page-seminar h2:before {
  content: '';
  position: absolute;
  bottom: -20px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #016f70;
}
.page-membership-intro p {
  margin-bottom: 8px;
}
.page-membership-intro p br.membership-intro-br {
  display: none;
}
@media screen and (min-width: 1000px) {
.page-membership-intro p {
  text-align: center;
  line-height: 2.1;
  margin-bottom: 16px;
}
.page-membership-intro p br.membership-intro-br {
  display: block;
}
}
/* 会員特典 */
.page-membership-reward {
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  padding: 80px 0;
  margin: 80px 0;
}
.post_content .page-membership-reward .membership-midashi {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 40px;
}
.post_content .page-membership-reward h2 {
  color: #fff;
}
.post_content .page-membership-reward h2:before {
  background-color: #fff;
}
.flex-box-inner-reward {
  border: solid 1px #fff;
  text-align: center;
}
.post_content .reward-number {
 height:65px;
 width:65px;
 border-radius:50%;
 line-height:65px;
 font-size: 30px;
 text-align:center;
 margin: 24px auto !important;
 border: solid 1px #fff;
 color: #fff;
}
.flex-box-inner-reward {
  padding: 16px;
}
.post_content .flex-box-inner-reward h3 {
    font-size: calc(var(--single_title_font_size) - 10px);
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
    color: #fff;
}
.post_content .flex-box-inner-reward p {
  color: #fff;
  line-height: 1.7;
  text-align: left;
}
.post_content p.plan-coverarea {
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-top: 24px;
  font-size: calc(var(--single_title_font_size) - 6px);
  line-height: 1.6;
}
/* 会員料金 */
.page-membership-price {
  padding-bottom: 80px;
}
.flex-box-inner-plan {
  padding: 0px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.plan01 {
  border: solid 2px #0f9783;
}
.plan02 {
  border: solid 2px #139693;
}
.plan03 {
  border: solid 2px #038fbe;
}
.post_content .plan01 h3 {
  background-color: #0f9783;
  color: #fff;
  margin: 0;
  padding: 16px;
}
.post_content .plan02 h3 {
  background-color: #139693;
  color: #fff;
  margin: 0;
  padding: 16px;
}
.post_content .plan03 h3 {
  background-color: #038fbe;
  color: #fff;
  margin: 0;
  padding: 16px;
}
.post_content .page-membership-price h3 {
    font-size: calc(var(--single_title_font_size) - 4px);
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}
.post_content .page-membership-price h3 span {
  font-size: 30px;
  padding-left: 8px;
}
.post_content .page-membership-price p {
  text-align: center;
}
.post_content .flex-box-inner-plan p.price {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 2.4;
}
.post_content .flex-box-inner-plan p.price span {
  font-size: 18px;
  padding-left: 5px;
}
.flex-box-inner-plan-text {
  padding: 0px 24px 24px 24px;
}
.post_content .flex-box-inner-plan-text-title h4 {
  font-size: 15px;
  width: max-content;
  margin: 0 auto 10px;
  padding: 5px 24px;
  border: solid 1px #333;
}
.post_content .flex-box-inner-plan-text ul {
  margin-bottom: 3px;
  list-style: disc;
}
.post_content .flex-box-inner-plan p.price-notice {
  text-align: left;
  font-size: 14px;
  color: #777;
}
/* よくある質問 */
.page-membership-faq {
  padding-bottom: 80px;
}

/******************************************
固定ページ 全国セミナー
******************************************/
.page-id-187 #page_contents .post_content {
    width: 100%;
    margin: 0 auto;
}
.page-id-187 #page_header {
  display: none;
}
.page-seminar-intro {
  margin-top: 60px;
}
.flex-page-seminar-intro .flex-box-inner {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}
.flex-page-seminar-intro .flex-box-inner:nth-child(1) {
  flex-grow: 0;
}
.flex-page-seminar-intro .flex-box-inner .aspect-bgimage {
  padding-top: 66,66%;
}
.post_content .flex-page-seminar-intro h2 {
font-weight: 600;
  line-height: 1.6;
  margin: .3em 0 .8em 0;
  text-align: left;
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.post_content .flex-page-seminar-intro h2::before {
  display: none;
}
.post_content .flex-page-seminar-intro p {
  line-height: 1.8;
  margin-bottom: 8px;
}
.post_content .flex-page-seminar-intro p.withmargin {
  margin-bottom: 16px;
}
@media screen and (min-width: 1000px) {
.flex-page-seminar-intro .flex-box-inner {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
}
.flex-page-seminar-intro .flex-box-inner:nth-child(1) {
  flex-grow: 1;
}
.flex-page-seminar-intro .flex-box-inner .aspect-bgimage {
  padding-top: 100%;
}
}

/* 説明会で得れること */
.page-seminar-point {
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  padding: 80px 0;
  margin: 80px 0 0px;
}
.post_content .page-seminar-point .seminar-midashi {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 40px;
}
.post_content .page-seminar-point h2 {
  color: #fff;
}
.post_content .page-seminar-point h2:before {
  background-color: #fff;
}
.flex-box-inner-point {
  border: solid 1px #fff;
  text-align: center;
}
.post_content .point-number {
 height:65px;
 width:65px;
 border-radius:50%;
 line-height:65px;
 font-size: 30px;
 text-align:center;
 margin: 24px auto !important;
 border: solid 1px #fff;
 color: #fff;
}
.flex-box-inner-point {
  padding: 30px 24px 48px;
}
.post_content .flex-box-inner-point h3 {
    font-size: calc(var(--single_title_font_size) - 6px);
    font-weight: 600;
    line-height: 1.6;
    margin: 1.3em 0 .8em 0;
    color: #fff;
}
.post_content .flex-box-inner-point p {
  color: #fff;
  line-height: 1.7;
  text-align: left;
}

/* 参加方法 */
.page-seminar-participate {
  background-color: #fafafa;
  padding: 80px 0;
}
.post_content .page-seminar-participate .seminar-midashi {
  margin-top: 0px;
}
.page-seminar-participate-text {
  text-align: center;
  margin-bottom: 32px;
}
.participate-way {
  text-align: center;
  font-weight: bold;
  color: #0f9783;
  font-size: 20px;
  margin-bottom: 12px !important;
}
@media screen and (min-width: 800px) {
.participate-way {
  text-align: center;
  font-weight: bold;
  color: #0f9783;
  font-size: 28px;
  margin-bottom: 12px !important;
}
}
@media screen and (max-width: 600px) {
.page-seminar-participate-text {
  text-align: left;
  margin-bottom: 32px;
}
}
.page-seminar-participate-text p {
  margin-bottom: 0px;
}
.benefit-title h3 {
  display: block;
  width: max-content;
  padding: 5px 24px;
  background-color: #c82c55;
  color: #fff;
  margin: 0 auto 24px;
  margin-bottom: 24px !important;
  font-size: 22px;
}
.flex-box-inner-participate-benefit-inner {
  background: linear-gradient(55deg, #0f9783 0%, #139693 40%, #038fbe 100%);
  padding: 48px 32px;
  border-radius: 8px;
}
.flex-box-inner-participate-benefit-inner h4,
.flex-box-inner-participate-benefit-inner p {
  color: #fff;
}
.flex-box-inner-participate-benefit-inner h4 {
  margin: 16px 0 10px;
  text-align: center;
  border-bottom: solid 1px #fff;
  padding-bottom: 10px;
}
.flex-box-inner-participate-benefit-inner h4 span {
  display: block;
}
.flex-box-inner-participate-benefit-inner p {
  line-height: 1.7;
}
.flex-box-inner-participate-benefit-inner img {
  width: 15%;
  margin: 0 auto !important;
}
/* 開催スケジュール */
.flex-box-inner-schedule-detail {
  text-align: center;
  padding: 32px 24px;
  border: solid 1px #999;
  border-radius: 8px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.flex-box-inner-schedule-detail span.place_city {
  width: 100%;
  background-color: #333;
  padding: 12px;
  border-radius: 50px;
  text-align: center;
  display: block;
  color: #fff;
  font-weight: bold;
}
.schedule-detail-osaka span.place_city {
  background-color: #007199;
}
.schedule-detail-fukuoka span.place_city {
  background-color: #417038;
}
.schedule-detail-tokyo span.place_city {
  background-color: #da536e;
}
.post_content .flex-box-inner-schedule-detail {
  text-align: left;
}
.post_content .flex-box-inner-schedule-detail h3 {
    font-size: calc(var(--single_title_font_size) + 8px);
    font-weight: 600;
    line-height: 1.2;
    margin: 16px 0 0px;
}
.post_content .flex-box-inner-schedule-detail h3 span {
  display: block;
  font-size: 17px;
}
.post_content .flex-box-inner-schedule-detail h3 span.youbi {
  display: inline-block;
  font-size: 24px;
}
.post_content .flex-box-inner-schedule-detail p.time {
  font-weight: bold;
  font-size: 22px;
}
.post_content .flex-box-inner-schedule-detail p.time,
.post_content .flex-box-inner-schedule-detail p.place,
.post_content .flex-box-inner-schedule-detail p.place_address {
  margin-bottom: 8px;
  line-height: 2;
}
.post_content .flex-box-inner-schedule-detail p.place,
.post_content .flex-box-inner-schedule-detail p.place_address {
  line-height: 1.7;
}
.post_content .flex-box-inner-schedule-detail p.place span {
  display: block;
  font-weight: bold;
}
.event-afterparty {
  margin: 16px;
  padding: 24px;
  background-color: #666c67;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.event-afterparty-title {
  text-align: left;
}
.event-afterparty h3 {
  padding-bottom: 10px;
  margin-bottom: 10px !important;
  border-bottom: solid 1px #fff;
  color: #fff;
  font-size: 20px;
}
.event-afterparty p {
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.8;
}
.event-notice {
  margin: 16px;
  padding: 24px;
  background-color: #c82c55;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.event-notice-title {
  text-align: left;
}
.event-notice h3 {
  padding-bottom: 10px;
  margin-bottom: 10px !important;
  border-bottom: solid 1px #fff;
  color: #fff;
  font-size: 20px;
}
.event-notice p {
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.8;
}
/* お申込みフォーム */
.page-seminar-contact {
  background-color: #fbfbfb;
  padding: 10px 0;
  margin: 80px 0;
}
.page-seminar-contact .wpcf7 {
    width: 100%;
    margin: 0 0 2.5em !important;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 14px;
}
.submit-acceptance {
  text-align: center;
}

.form-afterparty-sanka {
  margin: 16px 0 !important;
}
body .wpcf7 form .wpcf7-response-output {
  background-color: transparent;
  border: solid 1px #016f70;
  color: #016f70;
}
/*=========================================================
 Contact Form7
==========================================================*/
/* Plugins
------------------------------------------------------------ */
/* Contact Form 7 */
/* Table */
@media screen and (min-width: 640px) {
  .wpcf7 table {
    table-layout: fixed;
  }

  .wpcf7 table th {
    width: 35%;
  }
}
.wpcf7 p
{
  font-size: 15px !important;
}
/* Form */
.wpcf7 input,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 textarea,
.wpcf7 select {
  margin: 0;
  padding: 0.8rem;
  max-width: 100%;
  width: 100%;
  font-size: 14px !important;
}

.wpcf7 select {
  border-radius: 0;
}
#y-know .wpcf7-list-item {
  display: block;
}
.wpcf7 #y-know input {
  width: auto;
}
.wpcf7 input[type="submit"] {
  margin: 0 auto .4rem;
  padding: 1.6rem 2.4rem;
  min-width: 240px;
  font-size: 100%;
  line-height: 0.2;
  font-weight: bold;
  border-radius: 0;
  border: solid 1px #da536e;
  background-color: #da536e;
  color: #fff;
}
.wpcf7 input[type="submit"]:hover {
  opacity: .8;
}

/* 必須・任意 */
.required,
.optional {
  margin: 0;
  margin-left: 4px;
  padding: 0.4rem 0.8rem;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  vertical-align: baseline;
  font-size: 85%;
  line-height: 1;
}

/* 必須のカラー */
.required {
  background-color: rgba(202, 92, 98, 1);
  /* #CA5C62 */
  color: rgba(255, 255, 255, 1);
  /* #ffffff */
}

/* 任意のカラー */
.optional {
  background-color: rgba(72, 185, 74, 1);
  /* #48b94a */
  color: rgba(255, 255, 255, 1);
  /* #ffffff */
}

/* フォーム入力に関するヒントのテキスト */
.form-hinttext {
  margin: 0;
  padding: 0.4rem 0.4rem 0;
  display: block;
  color: rgba(153, 153, 153, 1);
  /* #999999 */
  font-size: 90%;
  line-height: 1.4;
}

/* 必須項目に入力が無いときのinputの下に表示されるエラーメッセージ */
span.wpcf7-not-valid-tip {
  margin-top: 0.4rem;
  padding: 0.4rem 0.8rem;
  background-color: rgba(242, 222, 222, 1);
  /* #F2DEDE */
  border-color: rgba(227, 191, 191, 1);
  /* #e3bfbf */
  color: rgba(185, 74, 72, 1);
  /* #b94a48 */
  font-size: 90%;
}

.your-msg .wpcf7-not-valid-tip {
  margin-top: -0.2rem;
}

/* 送信前のご注意 */
.submit-caution {
  margin-bottom: 12px;
    padding: 0;
}

.submit-caution h3 {
  margin-bottom: 0.8rem;
  font-size: 105%;
}

.submit-caution ul {
  margin: 0;
}
.submit-caution a {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .submit-caution ul {
    margin-left: 0rem;
  }
}

/* Checkbox */
.submit-acceptance {
  padding-top: 0.8rem;
  //border-top: dotted 1px rgba(153, 153, 153, 1);
  /* #999999 */
  font-size: 100%;
}

.submit-acceptance .wpcf7-form-control-wrap {
  display: block;
}

.submit-acceptance .wpcf7-list-item {
  margin: 0;
}

.submit-acceptance input[type=checkbox] {
  display: none;
}

.submit-acceptance .wpcf7-list-item-label {
  padding-left: 2rem;
  position: relative;
  font-weight: bold;
}

.submit-acceptance .wpcf7-list-item-label::before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  border: 1px solid rgba(153, 153, 153, 1);
  /* #999999 */
}

.submit-acceptance input[type=checkbox]:checked+.wpcf7-list-item-label {
  color: rgba(17, 17, 17, 1);
  /* #111111 */
}

.submit-acceptance input[type=checkbox]:checked+.wpcf7-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 7px;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-bottom: 3px solid rgba(51, 51, 51, 1);
  /* #333333 */
  border-right: 3px solid rgba(51, 51, 51, 1);
  /* #333333 */
}

/* 送信結果のメッセージ文章(送信ボタンの下) デフォルトデザイン*/
.wpcf7 form .wpcf7-response-output {
  margin: 0 auto;
  padding: 0.8rem;
  background-color: rgba(222, 222, 242, 1);
  /* #dedef2 */
  border-color: rgba(191, 191, 227, 1);
  /* #bfbfe3 */
  color: rgba(74, 72, 185, 1);
  /* #4a48b9 */
  font-size: 105%;
}

/* 送信結果のメッセージ文章(送信ボタンの下) エラーの時 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  background-color: rgba(242, 222, 222, 1);
  /* #F2DEDE */
  border-color: rgba(227, 191, 191, 1);
  /* #e3bfbf */
  color: rgba(185, 74, 72, 1);
  /* #b94a48 */
}

/* 送信結果のメッセージ文章(送信ボタンの下) 送信成功の時 */
.wpcf7 form.sent .wpcf7-response-output {
  background-color: rgba(222, 242, 222, 1);
  /* #def2de */
  border-color: rgba(191, 227, 191, 1);
  /* #bfe3bf */
  color: rgba(72, 185, 74, 1);
  /* #48b94a */
}

.wpcf7-spinner {
  visibility: hidden;
  display: block !important;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 24px auto !important;
  position: relative;
  text-align: center;
}
.wpcf7 .required,
.wpcf7 .optional {
  margin: 0 0.4rem 0.4rem 0;
  font-size: 90%;
  line-height: 1;
  border-radius: 50px;
}

.form-p label {
  font-weight: bold;
}

.wpcf7 .form-p br {
  display: none;
}
.select_wrapper {
  position: relative;
}


.wpcf7 select {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.8rem !important;
}
.wpcf7 select::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
}

.fileformat ul,
.submit-caution ul {
  list-style: disc;
}
.wpcf7 .submit-acceptance .wpcf7-list-item-label 
{
  line-height: 2.2;
}
.post_content .submit-caution h3
{
  font-size: 20px;
  margin-bottom: 16px;
}
.form-p {
  margin-bottom: 16px;
}
.wpcf7 input[type="submit"] {

}
#autozip {
  display: none !important;
}
/******************************************
フッター
******************************************/
#footer_logo img {
    width: 40%;
    height: 100%;
    display: block;
    transition: all 0.25s ease;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
   #footer_logo img {
        image-rendering: auto;
    }
}

body #footer-thankyou {
  display: none !important;
}