@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, page_lesson.scss */
#lesson { /*============================
#intro
============================*/ /*============================
common
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 15, page_lesson.scss */
#lesson .titWrap { height: 350px; }
/* line 16, page_lesson.scss */
#lesson .titWrap .text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 17, page_lesson.scss */
#lesson .titWrap .text .logo, #lesson .titWrap .text .copy { margin: auto; width: 350px; }
/* line 18, page_lesson.scss */
#lesson .titWrap .text .logo.sdw, #lesson .titWrap .text .copy.sdw { filter: drop-shadow(0px 0px 3px black); }
/* line 19, page_lesson.scss */
#lesson .titWrap .text .logo.sdw img, #lesson .titWrap .text .copy.sdw img { filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6)); }
/* line 21, page_lesson.scss */
#lesson .titWrap .text .logo { margin-bottom: 0px; }
/* line 22, page_lesson.scss */
#lesson .titWrap .text .copy { color: #fff; font-size: 28px; font-size: 1.75rem; line-height: 2.8rem; font-weight: bold; }
/* line 23, page_lesson.scss */
#lesson .titWrap .text .catch { margin-top: 15px; color: #fff; filter: drop-shadow(0px 0px 5px black); }
/* line 30, page_lesson.scss */
#lesson #intro { margin-bottom: 50px; /*.catch { @include fs(32,1.6); margin: 0 auto 30px;}*/ /*.read { @include fs(16,1.8);}*/ }
/* line 33, page_lesson.scss */
#lesson #intro .copy em { border: 1px solid #e4007f; font-weight: bold; font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; display: inline-block; padding: 8px 30px 6px; margin: 0 auto 30px; color: #e4007f; font-weight: bold; }
/* line 34, page_lesson.scss */
#lesson #intro .copy em span { margin-right: 10px; }
/* line 38, page_lesson.scss */
#lesson #intro .copy2 { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; margin: 0 auto 20px; }
/* line 39, page_lesson.scss */
#lesson #intro .read2 { font-size: 16px; font-size: 1rem; line-height: 1.8rem; }
/* line 46, page_lesson.scss */
#lesson .listWrap.inner { /*text-align: left;*/ padding: 80px 100px; box-sizing: border-box; /*margin-bottom: 100px; padding-bottom: 100px;*/ position: relative; max-width: 100% !important; /*&:not(:last-child){
&::after{ content: ""; width: 200px; height: 1px; background: rgba($bdColor, .5); display: block; margin: 120px auto 120px;}
}*/ /*============================
#courseWrap
============================*/ /*============================
#joinWrap
============================*/ /*============================
#scheduleWrap
============================*/ /*============================
#termsWrap
============================*/ }
/* line 50, page_lesson.scss */
#lesson .listWrap.inner:nth-child(odd) { background: rgba(172, 171, 171, 0.075); }
/* line 51, page_lesson.scss */
#lesson .listWrap.inner .tit { margin: 0 auto 50px; display: flex; flex-direction: column; text-align: center; }
/* line 52, page_lesson.scss */
#lesson .listWrap.inner .tit em.en02 { font-size: 46px; font-size: 2.875rem; line-height: 2.875rem; /*&::after{ content: "◆"; color: $pink; display: block; margin: 30px auto 30px; @include fs(18,1);}*/ }
/* line 53, page_lesson.scss */
#lesson .listWrap.inner .tit em.en02::after { content: ""; width: 50px; height: 1px; background: #e4007f; display: block; margin: 30px auto 30px; }
/* line 56, page_lesson.scss */
#lesson .listWrap.inner .tit span { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; }
/* line 62, page_lesson.scss */
#lesson .listWrap.inner#courseWrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 80px 30px 50px; /*============================
#course
============================*/ /* -------------------------------------------------------------- スマホ向け設定
----------------------------------------------------------------- */ }
/* line 63, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .tit { width: 100%; }
/* line 70, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list { /*width: 48%;*/ width: calc(100% / 4 - 15px); position: relative; margin-bottom: 50px; display: flex; flex-direction: column; }
/* line 71, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .t { position: relative; background: #eb6ea5; color: #fff; display: flex; justify-content: center; align-items: center; padding: 5px 25px; min-height: 80px; box-sizing: border-box; margin-bottom: 20px; }
/* line 72, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .t::before, #lesson .listWrap.inner#courseWrap .list .t::after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0; }
/* line 73, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .t::before { border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #f9f9f9; left: 0; }
/* line 74, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .t::after { border-width: 40px 20px 40px 0; border-color: transparent #f9f9f9 transparent transparent; right: 0; }
/* line 75, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .t em { font-size: 17px; line-height: 1.5; }
/* line 76, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .t em span, #lesson .listWrap.inner#courseWrap .list .t em small { display: block; }
/* line 77, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .t em small { font-size: 80%; }
/* line 81, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .catch { font-size: 18px; line-height: 1.8; font-weight: 600; letter-spacing: .0em; margin-bottom: 12px; }
/* line 82, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; text-align: left; margin-bottom: 15px; }
/* line 84, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list ul.detail { border-top: 2px dotted #eb6ea5; border-bottom: 2px dotted #eb6ea5; padding: 10px 0; margin-top: auto; }
/* line 85, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list ul.detail li { padding-left: 1.1em; position: relative; display: block; font-size: 14px; line-height: 1.5; text-align: left; }
/* line 86, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list ul.detail li::before { content: "◎"; color: #eb6ea5; position: absolute; top: 0; left: 0; }
/* line 87, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list ul.detail li span { margin-right: .5em; }
/* line 89, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list ul.detail li em small { font-size: 86%; }
/* line 90, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list ul.detail li em i { font-size: 86%; display: block; }
/* line 98, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list#course04 .t { background: #84a729; }
/* line 99, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list#course04 .ph { position: absolute; border-radius: 50%; width: 150px; bottom: calc(100% - 10px); left: 0; right: 0; margin: auto; }
/* line 100, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list#course04 ul.detail { border-color: #84a729; }
/* line 102, page_lesson.scss */
#lesson .listWrap.inner#courseWrap .list#course04 ul.detail li::before { color: #84a729; }
@media screen and (min-width: 951px) and (max-width: 1260px) { /* line 70, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list { width: calc(100% / 2 - 20px); margin-bottom: 60px; }
  /* line 108, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t { padding: 5px 25px; min-height: 80px; margin-bottom: 20px; }
  /* line 109, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t::before { border-width: 40px 0 40px 20px; }
  /* line 110, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t::after { border-width: 40px 20px 40px 0; }
  /* line 111, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t em { font-size: 17px; }
  /* line 112, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t em small { font-size: 80%; }
  /* line 116, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .catch { font-size: 18px; margin-bottom: 12px; }
  /* line 117, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin-bottom: 15px; }
  /* line 119, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail { padding: 10px 0; }
  /* line 120, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li { font-size: 14px; }
  /* line 121, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li span { margin-right: .5em; }
  /* line 123, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li em small { font-size: 86%; }
  /* line 124, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li em i { font-size: 86%; display: block; }
  /* line 130, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list#course04 .ph { width: 100px; bottom: calc(100% - 50px); left: auto; right: -10px; margin: 0; } }
@media only screen and (max-width: 950px) { /* line 62, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap { padding: 40px 5% 0; /*============================
#course
============================*/ }
  /* line 144, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .tit { width: 100%; }
  /* line 151, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list { width: 100%; margin-bottom: 50px; /*&:not(:last-child){ margin-bottom: 50px;}*/ }
  /* line 153, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t { padding: 5px 25px; min-height: 70px; margin-bottom: 20px; }
  /* line 154, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t::before { border-width: 35px 0 35px 20px; }
  /* line 155, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t::after { border-width: 35px 20px 35px 0; }
  /* line 156, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t em { font-size: 18px; }
  /* line 157, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .t em small { font-size: 90%; }
  /* line 161, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .catch { font-size: 20px; margin-bottom: 12px; }
  /* line 162, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin-bottom: 15px; position: relative; z-index: 5; }
  /* line 164, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail { padding: 15px 0; }
  /* line 165, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li { font-size: 15px; }
  /* line 166, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li span { margin-right: .5em; }
  /* line 168, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li em small { font-size: 86%; }
  /* line 169, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list ul.detail li em i { font-size: 86%; display: block; }
  /* line 178, page_lesson.scss */
  #lesson .listWrap.inner#courseWrap .list#course04 .ph { width: 100px; bottom: calc(100% - 315px); left: auto; right: -15px; margin: 0; } }
/* line 201, page_lesson.scss */
#lesson .listWrap.inner#joinWrap .read { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; }
/* line 213, page_lesson.scss */
#lesson .listWrap.inner#scheduleWrap .t em { border-bottom: 2px dotted rgba(228, 0, 127, 0.5); display: inline-block; margin-bottom: 15px; padding: 0 8px; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; font-weight: bold; }
/* line 215, page_lesson.scss */
#lesson .listWrap.inner#scheduleWrap .schedule { display: inline-block; margin-bottom: 30px; }
/* line 216, page_lesson.scss */
#lesson .listWrap.inner#scheduleWrap .schedule dl { text-align: left; }
/* line 217, page_lesson.scss */
#lesson .listWrap.inner#scheduleWrap .schedule dl dt, #lesson .listWrap.inner#scheduleWrap .schedule dl dd { display: inline-block; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; }
/* line 218, page_lesson.scss */
#lesson .listWrap.inner#scheduleWrap .schedule dl dt { width: 80px; font-weight: bold; }
/* line 221, page_lesson.scss */
#lesson .listWrap.inner#scheduleWrap .schedule dl dd span:not(:last-child)::after { content: "／"; }
/* line 225, page_lesson.scss */
#lesson .listWrap.inner#scheduleWrap .schedule + .cap { margin-top: 20px; }
/* line 232, page_lesson.scss */
#lesson .listWrap.inner#termsWrap { margin-bottom: 100px; }
/* line 237, page_lesson.scss */
#lesson .listWrap.inner#termsWrap .list { text-align: left; margin: 0 auto 25px; max-width: 680px; }
/* line 238, page_lesson.scss */
#lesson .listWrap.inner#termsWrap .list .t { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; font-weight: bold; position: relative; padding-left: 1.2em; margin-bottom: 5px; }
/* line 239, page_lesson.scss */
#lesson .listWrap.inner#termsWrap .list .t::before { content: "◆"; position: absolute; top: 0; left: 0; }
/* line 241, page_lesson.scss */
#lesson .listWrap.inner#termsWrap .list .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; }
@media only screen and (max-width: 950px) { /* line 13, page_lesson.scss */
  #lesson { /*============================
#intro
============================*/ /*============================
common
============================*/ }
  /* line 253, page_lesson.scss */
  #lesson .titWrap { height: 200px; margin-bottom: 30px; }
  /* line 254, page_lesson.scss */
  #lesson .titWrap .text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 255, page_lesson.scss */
  #lesson .titWrap .text .logo, #lesson .titWrap .text .copy { margin: auto; width: 54%; }
  /* line 256, page_lesson.scss */
  #lesson .titWrap .text .logo.sdw, #lesson .titWrap .text .copy.sdw { filter: drop-shadow(0px 0px 3px black); }
  /* line 257, page_lesson.scss */
  #lesson .titWrap .text .logo.sdw img, #lesson .titWrap .text .copy.sdw img { filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6)); }
  /* line 259, page_lesson.scss */
  #lesson .titWrap .text .logo { margin-bottom: 0px; }
  /* line 260, page_lesson.scss */
  #lesson .titWrap .text .copy { color: #fff; font-size: 28px; font-size: 1.75rem; line-height: 2.8rem; font-weight: bold; }
  /* line 261, page_lesson.scss */
  #lesson .titWrap .text .catch { margin-top: 10px; font-size: 22px; }
  /* line 268, page_lesson.scss */
  #lesson #intro { margin-bottom: 50px; padding: 0 5%; /*.catch { @include fs(26,1.6); margin: 0 auto 25px;}*/ /*.read { @include fs(16,1.8);}*/ }
  /* line 271, page_lesson.scss */
  #lesson #intro .copy em { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; display: inline-block; padding: 8px 30px 6px; margin: 0 auto 25px; }
  /* line 272, page_lesson.scss */
  #lesson #intro .copy em span { margin-right: 0px; display: block; }
  /* line 276, page_lesson.scss */
  #lesson #intro .copy2 { font-size: 20px; font-size: 1.25rem; line-height: 2rem; margin: 0 auto 20px; }
  /* line 277, page_lesson.scss */
  #lesson #intro .read2 { font-size: 16px; font-size: 1rem; line-height: 1.8rem; text-align: left; }
  /* line 285, page_lesson.scss */
  #lesson .listWrap.inner { padding: 40px 5%; max-width: 100% !important; /*============================
#joinWrap
============================*/ /*============================
#scheduleWrap
============================*/ /*============================
#termsWrap
============================*/ }
  /* line 287, page_lesson.scss */
  #lesson .listWrap.inner .tit { margin: 0 auto 30px; display: flex; flex-direction: column; }
  /* line 288, page_lesson.scss */
  #lesson .listWrap.inner .tit em.en02 { font-size: 36px; font-size: 2.25rem; line-height: 2.25rem; }
  /* line 289, page_lesson.scss */
  #lesson .listWrap.inner .tit em.en02::after { width: 50px; margin: 20px auto 20px; }
  /* line 291, page_lesson.scss */
  #lesson .listWrap.inner .tit span { font-size: 16px; font-size: 1rem; line-height: 1.8rem; }
  /* line 302, page_lesson.scss */
  #lesson .listWrap.inner#joinWrap .read { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; text-align: left; }
  /* line 314, page_lesson.scss */
  #lesson .listWrap.inner#scheduleWrap .t em { border-bottom: 2px dotted rgba(228, 0, 127, 0.5); margin-bottom: 15px; padding: 0 8px; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; }
  /* line 316, page_lesson.scss */
  #lesson .listWrap.inner#scheduleWrap .schedule { margin-bottom: 30px; }
  /* line 317, page_lesson.scss */
  #lesson .listWrap.inner#scheduleWrap .schedule dl { text-align: center; }
  /* line 318, page_lesson.scss */
  #lesson .listWrap.inner#scheduleWrap .schedule dl dt, #lesson .listWrap.inner#scheduleWrap .schedule dl dd { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; }
  /* line 319, page_lesson.scss */
  #lesson .listWrap.inner#scheduleWrap .schedule dl dt { width: 80px; }
  /* line 326, page_lesson.scss */
  #lesson .listWrap.inner#scheduleWrap .schedule + .cap { margin-top: 0px; text-align: left; }
  /* line 333, page_lesson.scss */
  #lesson .listWrap.inner#termsWrap { margin-bottom: 50px; }
  /* line 338, page_lesson.scss */
  #lesson .listWrap.inner#termsWrap .list { margin: 0 auto 25px; max-width: 680px; }
  /* line 339, page_lesson.scss */
  #lesson .listWrap.inner#termsWrap .list .t { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; padding-left: 1.2em; margin-bottom: 5px; }
  /* line 340, page_lesson.scss */
  #lesson .listWrap.inner#termsWrap .list .t::before { top: 0; left: 0; }
  /* line 342, page_lesson.scss */
  #lesson .listWrap.inner#termsWrap .list .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; } }