@charset "UTF-8";
.l-localnav {
  margin-bottom: 80px;
}

.l-localnav a {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-weight: 700;
  border-bottom: 2px solid #000;
  color: #000;
  font-weight: 700;
  height: 100%;
  padding: 5px 0;
  width: 100%;
}

.l-localnav a:before {
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  font-weight: 900;
  vertical-align: 0.1em;
}

.l-localnav a:before {
  content: "\f078";
}

.l-localnav a:before {
  color: #ff7d9f;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .l-localnav--2nd {
    margin-bottom: 40px;
  }
}

@media (min-width: 769px) {
  .l-localnav--2nd {
    margin-bottom: 60px;
  }
}

.l-localnav--2nd ul {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -25px;
}

@media (min-width: 769px) {
  .l-localnav--2nd ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.l-localnav--2nd li {
  margin: 0 0 5px 25px;
}

.l-localnav--2nd a, .l-localnav--2nd span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 700;
  color: #000;
}

.l-localnav--2nd a:before, .l-localnav--2nd span:before {
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  font-weight: 900;
  vertical-align: 0.1em;
}

.l-localnav--2nd a:before, .l-localnav--2nd span:before {
  content: "\f054";
}

.l-localnav--2nd a:before, .l-localnav--2nd span:before {
  color: #ff9e3f;
  margin-right: 5px;
}

.l-localnav--2nd a.is-active, .l-localnav--2nd span.is-active {
  color: #ff9e3f;
}

.l-localnav--2nd a.is-hidden, .l-localnav--2nd span.is-hidden {
  color: rgba(0, 0, 0, 0.4);
}

.l-pagenav {
  background: #262626;
  color: #fff;
  margin: -28px 0 30px 30px;
  width: 200%;
  position: relative;
  z-index: 9;
}

@media screen and (min-width: 992px) {
  .l-pagenav {
    margin: -58px 0 60px calc((100% - 1000px) / 2);
  }
}

.l-pagenav ul {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.l-pagenav ul li {
  border-bottom: 1px solid #fff;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .l-pagenav ul li {
    border: 0;
    border-right: 1px solid #fff;
    width: auto;
  }
}

.l-pagenav ul li > * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  height: 100%;
  padding: 10px 30px 10px 20px;
  width: 100%;
}

.l-pagenav ul li > *:before {
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  font-weight: 900;
  vertical-align: 0.1em;
}

.l-pagenav ul li > *:before {
  content: "\f054";
}

@media screen and (min-width: 992px) {
  .l-pagenav ul li > * {
    font-size: 16px;
  }
}

.l-pagenav ul li > *:before {
  color: #ff9e3f;
  margin-right: 10px;
}

.l-pagenav ul li > *.is-active {
  color: #ff9e3f;
}

body.single .l-pagenav {
  margin-left: 0;
}

.u-ff-gothic, .u-ff--gothic {
  font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.u-ff-mincho, .u-ff--mincho {
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", "Meiryo", serif;
}

.u-fs-base, .u-fs--base {
  font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
  .u-fs-base, .u-fs--base {
    font-size: 16px;
  }
}

.u-fs-xl, .u-fs--xl {
  font-size: 3rem;
}

@media screen and (min-width: 768px) {
  .u-fs-xl, .u-fs--xl {
    font-size: 50px;
  }
}

.u-fs-lg, .u-fs--lg {
  font-size: 2.4rem;
}

@media screen and (min-width: 768px) {
  .u-fs-lg, .u-fs--lg {
    font-size: 32px;
  }
}

.u-fs-md, .u-fs--md {
  font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
  .u-fs-md, .u-fs--md {
    font-size: 24px;
  }
}

.u-fs-sm, .u-fs--sm {
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .u-fs-sm, .u-fs--sm {
    font-size: 18px;
  }
}

.u-fs-xs, .u-fs--xs {
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .u-fs-xs, .u-fs--xs {
    font-size: 14px;
  }
}

.u-lh-base, .u-lh--base {
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  .u-lh-base, .u-lh--base {
    line-height: 1.8;
  }
}

.u-lh-xl, .u-lh--xl {
  line-height: 1.8;
}

.u-lh-lg, .u-lh--lg {
  line-height: 1.6;
}

.u-lh-md, .u-lh--md {
  line-height: 1.4;
}

.u-lh-sm, .u-lh--sm {
  line-height: 1.2;
}

.u-lh-xs, .u-lh--xs {
  line-height: 1;
}

@media screen and (min-width: 992px) {
  .u-al--center {
    text-align: center;
  }
}

.u-al--left {
  text-align: left;
}

.u-al--right {
  text-align: right;
}

.u-mt--0 {
  margin-top: 0px !important;
}

.u-mb--0 {
  margin-bottom: 0px !important;
}

.u-ml--0 {
  margin-left: 0px !important;
}

.u-mr--0 {
  margin-right: 0px !important;
}

.u-pt--0 {
  padding-top: 0px !important;
}

.u-pb--0 {
  padding-bottom: 0px !important;
}

.u-pl--0 {
  padding-left: 0px !important;
}

.u-pr--0 {
  padding-right: 0px !important;
}

.u-mt--5 {
  margin-top: 5px !important;
}

.u-mb--5 {
  margin-bottom: 5px !important;
}

.u-ml--5 {
  margin-left: 5px !important;
}

.u-mr--5 {
  margin-right: 5px !important;
}

.u-pt--5 {
  padding-top: 5px !important;
}

.u-pb--5 {
  padding-bottom: 5px !important;
}

.u-pl--5 {
  padding-left: 5px !important;
}

.u-pr--5 {
  padding-right: 5px !important;
}

.u-mt--10 {
  margin-top: 10px !important;
}

.u-mb--10 {
  margin-bottom: 10px !important;
}

.u-ml--10 {
  margin-left: 10px !important;
}

.u-mr--10 {
  margin-right: 10px !important;
}

.u-pt--10 {
  padding-top: 10px !important;
}

.u-pb--10 {
  padding-bottom: 10px !important;
}

.u-pl--10 {
  padding-left: 10px !important;
}

.u-pr--10 {
  padding-right: 10px !important;
}

.u-mt--15 {
  margin-top: 15px !important;
}

.u-mb--15 {
  margin-bottom: 15px !important;
}

.u-ml--15 {
  margin-left: 15px !important;
}

.u-mr--15 {
  margin-right: 15px !important;
}

.u-pt--15 {
  padding-top: 15px !important;
}

.u-pb--15 {
  padding-bottom: 15px !important;
}

.u-pl--15 {
  padding-left: 15px !important;
}

.u-pr--15 {
  padding-right: 15px !important;
}

.u-mt--20 {
  margin-top: 20px !important;
}

.u-mb--20 {
  margin-bottom: 20px !important;
}

.u-ml--20 {
  margin-left: 20px !important;
}

.u-mr--20 {
  margin-right: 20px !important;
}

.u-pt--20 {
  padding-top: 20px !important;
}

.u-pb--20 {
  padding-bottom: 20px !important;
}

.u-pl--20 {
  padding-left: 20px !important;
}

.u-pr--20 {
  padding-right: 20px !important;
}

.u-mt--25 {
  margin-top: 25px !important;
}

.u-mb--25 {
  margin-bottom: 25px !important;
}

.u-ml--25 {
  margin-left: 25px !important;
}

.u-mr--25 {
  margin-right: 25px !important;
}

.u-pt--25 {
  padding-top: 25px !important;
}

.u-pb--25 {
  padding-bottom: 25px !important;
}

.u-pl--25 {
  padding-left: 25px !important;
}

.u-pr--25 {
  padding-right: 25px !important;
}

.u-mt--30 {
  margin-top: 30px !important;
}

.u-mb--30 {
  margin-bottom: 30px !important;
}

.u-ml--30 {
  margin-left: 30px !important;
}

.u-mr--30 {
  margin-right: 30px !important;
}

.u-pt--30 {
  padding-top: 30px !important;
}

.u-pb--30 {
  padding-bottom: 30px !important;
}

.u-pl--30 {
  padding-left: 30px !important;
}

.u-pr--30 {
  padding-right: 30px !important;
}

.u-mt--35 {
  margin-top: 35px !important;
}

.u-mb--35 {
  margin-bottom: 35px !important;
}

.u-ml--35 {
  margin-left: 35px !important;
}

.u-mr--35 {
  margin-right: 35px !important;
}

.u-pt--35 {
  padding-top: 35px !important;
}

.u-pb--35 {
  padding-bottom: 35px !important;
}

.u-pl--35 {
  padding-left: 35px !important;
}

.u-pr--35 {
  padding-right: 35px !important;
}

.u-mt--40 {
  margin-top: 40px !important;
}

.u-mb--40 {
  margin-bottom: 40px !important;
}

.u-ml--40 {
  margin-left: 40px !important;
}

.u-mr--40 {
  margin-right: 40px !important;
}

.u-pt--40 {
  padding-top: 40px !important;
}

.u-pb--40 {
  padding-bottom: 40px !important;
}

.u-pl--40 {
  padding-left: 40px !important;
}

.u-pr--40 {
  padding-right: 40px !important;
}

.u-mt--45 {
  margin-top: 45px !important;
}

.u-mb--45 {
  margin-bottom: 45px !important;
}

.u-ml--45 {
  margin-left: 45px !important;
}

.u-mr--45 {
  margin-right: 45px !important;
}

.u-pt--45 {
  padding-top: 45px !important;
}

.u-pb--45 {
  padding-bottom: 45px !important;
}

.u-pl--45 {
  padding-left: 45px !important;
}

.u-pr--45 {
  padding-right: 45px !important;
}

.u-mt--50 {
  margin-top: 50px !important;
}

.u-mb--50 {
  margin-bottom: 50px !important;
}

.u-ml--50 {
  margin-left: 50px !important;
}

.u-mr--50 {
  margin-right: 50px !important;
}

.u-pt--50 {
  padding-top: 50px !important;
}

.u-pb--50 {
  padding-bottom: 50px !important;
}

.u-pl--50 {
  padding-left: 50px !important;
}

.u-pr--50 {
  padding-right: 50px !important;
}

.u-mt--55 {
  margin-top: 55px !important;
}

.u-mb--55 {
  margin-bottom: 55px !important;
}

.u-ml--55 {
  margin-left: 55px !important;
}

.u-mr--55 {
  margin-right: 55px !important;
}

.u-pt--55 {
  padding-top: 55px !important;
}

.u-pb--55 {
  padding-bottom: 55px !important;
}

.u-pl--55 {
  padding-left: 55px !important;
}

.u-pr--55 {
  padding-right: 55px !important;
}

.u-mt--60 {
  margin-top: 60px !important;
}

.u-mb--60 {
  margin-bottom: 60px !important;
}

.u-ml--60 {
  margin-left: 60px !important;
}

.u-mr--60 {
  margin-right: 60px !important;
}

.u-pt--60 {
  padding-top: 60px !important;
}

.u-pb--60 {
  padding-bottom: 60px !important;
}

.u-pl--60 {
  padding-left: 60px !important;
}

.u-pr--60 {
  padding-right: 60px !important;
}

.u-mt--65 {
  margin-top: 65px !important;
}

.u-mb--65 {
  margin-bottom: 65px !important;
}

.u-ml--65 {
  margin-left: 65px !important;
}

.u-mr--65 {
  margin-right: 65px !important;
}

.u-pt--65 {
  padding-top: 65px !important;
}

.u-pb--65 {
  padding-bottom: 65px !important;
}

.u-pl--65 {
  padding-left: 65px !important;
}

.u-pr--65 {
  padding-right: 65px !important;
}

.u-mt--70 {
  margin-top: 70px !important;
}

.u-mb--70 {
  margin-bottom: 70px !important;
}

.u-ml--70 {
  margin-left: 70px !important;
}

.u-mr--70 {
  margin-right: 70px !important;
}

.u-pt--70 {
  padding-top: 70px !important;
}

.u-pb--70 {
  padding-bottom: 70px !important;
}

.u-pl--70 {
  padding-left: 70px !important;
}

.u-pr--70 {
  padding-right: 70px !important;
}

.u-mt--75 {
  margin-top: 75px !important;
}

.u-mb--75 {
  margin-bottom: 75px !important;
}

.u-ml--75 {
  margin-left: 75px !important;
}

.u-mr--75 {
  margin-right: 75px !important;
}

.u-pt--75 {
  padding-top: 75px !important;
}

.u-pb--75 {
  padding-bottom: 75px !important;
}

.u-pl--75 {
  padding-left: 75px !important;
}

.u-pr--75 {
  padding-right: 75px !important;
}

.u-mt--80 {
  margin-top: 80px !important;
}

.u-mb--80 {
  margin-bottom: 80px !important;
}

.u-ml--80 {
  margin-left: 80px !important;
}

.u-mr--80 {
  margin-right: 80px !important;
}

.u-pt--80 {
  padding-top: 80px !important;
}

.u-pb--80 {
  padding-bottom: 80px !important;
}

.u-pl--80 {
  padding-left: 80px !important;
}

.u-pr--80 {
  padding-right: 80px !important;
}

.u-mt--85 {
  margin-top: 85px !important;
}

.u-mb--85 {
  margin-bottom: 85px !important;
}

.u-ml--85 {
  margin-left: 85px !important;
}

.u-mr--85 {
  margin-right: 85px !important;
}

.u-pt--85 {
  padding-top: 85px !important;
}

.u-pb--85 {
  padding-bottom: 85px !important;
}

.u-pl--85 {
  padding-left: 85px !important;
}

.u-pr--85 {
  padding-right: 85px !important;
}

.u-mt--90 {
  margin-top: 90px !important;
}

.u-mb--90 {
  margin-bottom: 90px !important;
}

.u-ml--90 {
  margin-left: 90px !important;
}

.u-mr--90 {
  margin-right: 90px !important;
}

.u-pt--90 {
  padding-top: 90px !important;
}

.u-pb--90 {
  padding-bottom: 90px !important;
}

.u-pl--90 {
  padding-left: 90px !important;
}

.u-pr--90 {
  padding-right: 90px !important;
}

.u-mt--95 {
  margin-top: 95px !important;
}

.u-mb--95 {
  margin-bottom: 95px !important;
}

.u-ml--95 {
  margin-left: 95px !important;
}

.u-mr--95 {
  margin-right: 95px !important;
}

.u-pt--95 {
  padding-top: 95px !important;
}

.u-pb--95 {
  padding-bottom: 95px !important;
}

.u-pl--95 {
  padding-left: 95px !important;
}

.u-pr--95 {
  padding-right: 95px !important;
}

.u-mt--100 {
  margin-top: 100px !important;
}

.u-mb--100 {
  margin-bottom: 100px !important;
}

.u-ml--100 {
  margin-left: 100px !important;
}

.u-mr--100 {
  margin-right: 100px !important;
}

.u-pt--100 {
  padding-top: 100px !important;
}

.u-pb--100 {
  padding-bottom: 100px !important;
}

.u-pl--100 {
  padding-left: 100px !important;
}

.u-pr--100 {
  padding-right: 100px !important;
}

.u-br__solid--0 {
  border-style: solid;
  border-right-width: 0px;
}

.u-br__solid--1 {
  border-style: solid;
  border-right-width: 1px;
}

.u-bt__solid--2 {
  border-style: solid;
  border-top-width: 2px;
}

.u-br__solid--2 {
  border-style: solid;
  border-right-width: 2px;
}

.u-br__solid--3 {
  border-style: solid;
  border-right-width: 3px;
}

.u-br__solid--4 {
  border-style: solid;
  border-right-width: 4px;
}

.u-br__solid--5 {
  border-style: solid;
  border-right-width: 5px;
}

.l-main--ver1 {
  margin: 0 auto;
  max-width: calc(100% - 60px);
  width: 1000px;
  /*----------------------*/
  /*	

*/
  /*----------------------*/
  /*----------------------*/
  /*	アライン		*/
  /*----------------------*/
  /*----------------------*/
  /*	リンク		*/
  /*----------------------*/
  /*----------------------*/
  /*	フロート		*/
  /*----------------------*/
  /*----------------------*/
  /*	その他		*/
  /*----------------------*/
  /*----------------------*/
  /*	フォーム		*/
  /*----------------------*/
  /*--------------------------------------------------
  ビジュアルエディタ
--------------------------------------------------*/
  /*--------------------------------------------------
  ヘッダー
--------------------------------------------------*/
  /* サイトナビ */
  /* グローバルナビ */
  /* ロゴ */
  /* ボタン */
  /* ***** アニメーションエフェクト ***** */
  /* ***** スモールヘッダー ***** */
  /*--------------------------------------------------
  フッター
--------------------------------------------------*/
  /* ロゴ */
  /* サイトマップ */
  /* サイトナビ */
  /*  フッター　アクティブナビ*/
  /* ページトップ */
  /*--------------------------------------------------
  メイン
--------------------------------------------------*/
  /*--------------------------------------------------
  サイド
--------------------------------------------------*/
  /*** ブログ ***/
  /*--------------------------------------------------
  コンテンツ
--------------------------------------------------*/
  /*body.home #contents { margin-top: -35px; }*/
  /*** ブログ ***/
  /*--------------------------------------------------
  パンくず／ページャー
--------------------------------------------------*/
  /* パンくず */
  /* ページャー */
  /*--------------------------------------------------
  SNSボタン
--------------------------------------------------*/
  /*--------------------------------------------------
  共通
--------------------------------------------------*/
  /* スライドショー */
  /* ローカルナビ */
  /* 横並びボックス */
  /* カテゴリーアイコン */
  /* ボタン */
  /* リンク */
  /*--------------------------------------------------
  ホーム
--------------------------------------------------*/
  /*** スライダー ***/
  /* 初期化完了まで非表示 */
  /* 調整 */
  /* 1行お知らせ */
  /* お知らせ新着 */
  /* 作品ギャラリー */
  /* セミナー、ワークショップ */
  /*--------------------------------------------------
  学校案内
--------------------------------------------------*/
  /* バナー */
  /*--------------------------------------------------
  LP 3ページ
--------------------------------------------------*/
  /*** 共通 ***/
  /* バナー */
  /* ローカルナビ */
  /* 見出しリセット */
  /*** 大阪梅田の習い事なら ***/
  /* メインビジュアル */
  /* アートスクールについて */
  /* 選ぶ理由 */
  /* スケジュール */
  /* メッセージ */
  /* バナー */
  /*** 休学・休止制度について ***/
  /* アンカーボタン */
  /* システム */
  /* バナー */
  /*** 振替制度について ***/
  /* メッセージ */
  /* 詳細 */
  /* バナー */
  /*--------------------------------------------------
  コース紹介
--------------------------------------------------*/
  /*
.courseBox .linkBox.bl-hover.art { background: rgba(216,95,102,0.5); }
.courseBox .linkBox.bl-hover.dessin { background: rgba(241,175,114,0.5); }
.courseBox .linkBox.bl-hover.illustration { background: rgba(216,95,102,0.5); }
.courseBox .linkBox.bl-hover.picturebook { background: rgba(216,95,102,0.5); }
.courseBox .linkBox.bl-hover.manga { background: rgba(216,95,102,0.5); }
.courseBox .linkBox.bl-hover.comic { background: rgba(216,95,102,0.5); }
.courseBox .linkBox.bl-hover.printmaking { background: rgba(216,95,102,0.5); }
.courseBox .linkBox.bl-hover.examination { background: rgba(216,95,102,0.5); }
.courseBox .linkBox.bl-hover.tsushin { background: rgba(216,95,102,0.5); }
*/
  /* 美術コース */
  /*--雑貨体験　おはぎ--*/
  /*--ハンドメイド雑貨--*/
  /* 基礎デッサンコース */
  /* 絵本コース */
  /* マンガコース */
  /* 版画コース */
  /* 公募入選・受賞 */
  /*--------------------------------------------------
  ハンドメイド モノづくりコース
--------------------------------------------------*/
  /* SNS */
  /* ものづくり */
  /* メッセージ */
  /* メニュー */
  /* バナー */
  /* メッセージ2 */
  /* 【新】HANDMADE */
  /* 特徴 */
  /* 授業内容 */
  /* スキルアップ応援コース */
  /*--------------------------------------------------
  ハンドメイドコース
--------------------------------------------------*/
  /* 見出し */
  /* 画像 */
  /* メッセージ */
  /* コース紹介 */
  /* カリキュラム */
  /* 受講生の作品 */
  /* 授業風景 */
  /* 振り替え受講の例 */
  /*--------------------------------------------------
  セミナー紹介(旧)
--------------------------------------------------*/
  /*--------------------------------------------------
  セミナー紹介
--------------------------------------------------*/
  /*.seminar.secList .content span.excerpt { font-size: 13px; }*/
  /* ボタン */
  /*--------------------------------------------------
  講師紹介
--------------------------------------------------*/
  /*--------------------------------------------------
  受講料金
--------------------------------------------------*/
  /* 新入生キャンペーン */
  /*--------------------------------------------------
  キャンペーン料金
--------------------------------------------------*/
  /*--------------------------------------------------
  受講生の声
--------------------------------------------------*/
  /*--------------------------------------------------
  よくある質問
--------------------------------------------------*/
  /*--------------------------------------------------
  公募入選
--------------------------------------------------*/
  /*--------------------------------------------------
  無料体験
--------------------------------------------------*/
  /*--------------------------------------------------
  講師インタビュー
--------------------------------------------------*/
  /*--------------------------------------------------
  記事アーカイブ
--------------------------------------------------*/
  /*article header ul {
	font-size: 85%;
	line-height: 1;
	margin-bottom: 15px;
}*/
  /* ブログ */
  /*--------------------------------------------------
  記事詳細
--------------------------------------------------*/
  /*--------------------------------------------------
  ホームページコンペ
--------------------------------------------------*/
  /*--------------------------------------------------
  フリー受講
--------------------------------------------------*/
  /*
li.artbg{
    background: url(https://www.art-school.co.jp/img/price/anytime_bg_a.png) no-repeat;
}
li.artbg p{
    padding: 10px 5% 10% 5%;
}
li.dessanbg{
    background: url(https://www.art-school.co.jp/img/price/anytime_bg_d.png) no-repeat;
}
li.dessanbg p{
    padding: 10px 5% 10% 5%;
}
*/
  /*------------------------------------
セミナーページのレイアウト
-------------------------------*/
  /*--------------------------------------------------
  ハンドメイド
--------------------------------------------------*/
  /* 見出し */
  /* 画像 */
  /* メッセージ */
  /* キービジュアル */
  /* コース紹介 */
  /* カリキュラム */
  /* 受講生の作品 */
  /* 授業風景 */
  /* 振り替え受講の例 */
  /* ナビゲーションボタン */
  /*--------------------------------------------------
  マージン
--------------------------------------------------*/
  /*--------------------------------------------------
  パディング
--------------------------------------------------*/
  /*--------------------------------------------------
  横幅、縦幅
--------------------------------------------------*/
  /*--------------------------------------------------
  ディスプレイ
--------------------------------------------------*/
  /*--------------------------------------------------
  テキスト
--------------------------------------------------*/
  /*--------------------------------------------------
  アライン
--------------------------------------------------*/
  /*
.bnr-2col { width: 740px; }
.bnr-2col li {
	float: left;
	margin: 0 10px 10px 0;
}
*/
  /*--------------------------------------------------
  ボーダー&フレーム
--------------------------------------------------*/
  /*------------------------------------
トートバッグ展
-------------------------------*/
}

.l-main--ver1::after {
  content: "";
  display: block;
  clear: both;
}

.l-main--ver1 .tl,
.l-main--ver1 .sp {
  display: none;
}

.l-main--ver1 .pc.tl {
  display: block;
}

.l-main--ver1 img.pc.tl {
  display: inline;
}

.l-main--ver1 h1 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/h1.png) no-repeat center 0;
  background-size: 100% 100%;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  min-height: 60px;
  margin-bottom: 20px;
  padding: 15px 17px 1px;
  text-shadow: 1px 1px 2px #734E28;
}

.l-main--ver1 h2 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/h2.png) no-repeat center 0;
  background-size: 100% 100%;
  font-size: 16px;
  font-weight: bold;
  color: #7C7A35;
  height: 40px;
  margin: 40px 0 10px;
  padding: 9px 20px 1px;
  text-shadow: 2px 2px 1px #FFF, -2px -2px 1px #FFF;
}

.l-main--ver1 h3 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/h3.png) no-repeat center 0;
  background-size: 100% 100%;
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
  min-height: 40px;
  margin: 20px 0 10px;
  padding: 9px 18px 1px;
  text-shadow: 1px 1px 3px #0D3B4C, -1px -1px 3px #0D3B4C;
}

.l-main--ver1 h4 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/h4.png) no-repeat left 0;
  color: #8C501C;
  font-size: 15px;
  font-weight: bold;
  min-height: 35px;
  margin-bottom: 5px;
  padding-top: 5px;
  text-shadow: 1px 1px 2px #FFF, -1px -1px 2px #FFF;
}

.l-main--ver1 h5 {
  margin-bottom: 5px;
}

.l-main--ver1 #header h1, .l-main--ver1 #header h2,
.l-main--ver1 #footer h1, .l-main--ver1 #footer h2,
.l-main--ver1 h1.home, .l-main--ver1 h2.home, .l-main--ver1 h3.home,
.l-main--ver1 body.archive article h1, .l-main--ver1 body.archive article h2,
.l-main--ver1 body.page article h1, .l-main--ver1 body.page article h2,
.l-main--ver1 article.news h1, .l-main--ver1 article.news h2 {
  background: none;
  font-size: inherit;
  font-weight: normal;
  height: auto;
  margin: 0;
  min-height: 0;
  padding: 0;
  text-shadow: none;
}

.l-main--ver1 h1.pic,
.l-main--ver1 h2.pic,
.l-main--ver1 h3.pic,
.l-main--ver1 h4.pic {
  background: none;
  font-size: inherit;
  font-weight: normal;
  height: auto;
  padding: 0;
  text-shadow: none;
}

.l-main--ver1 .center {
  text-align: center !important;
}

.l-main--ver1 .left {
  text-align: left !important;
}

.l-main--ver1 .right {
  text-align: right !important;
}

.l-main--ver1 a.arrow {
  background: url(../art-schoolcojp/img/arrow.gif) no-repeat left center;
  padding-left: 10px;
}

.l-main--ver1 a.pdf {
  background: url(../art-schoolcojp/img/pdf.gif) no-repeat left bottom;
  padding-left: 20px;
}

.l-main--ver1 .box-left {
  float: left;
}

.l-main--ver1 .box-right {
  float: right;
}

.l-main--ver1 .pic-left, .l-main--ver1 .alignleft {
  float: left;
  margin-right: 15px;
}

.l-main--ver1 .pic-right, .l-main--ver1 .alignright {
  float: right;
  margin-left: 15px;
}

.l-main--ver1 .posParent {
  position: relative;
}

.l-main--ver1 .posChild {
  position: absolute;
}

.l-main--ver1 .dspNon {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.l-main--ver1 form table {
  border: none;
  border-bottom: 1px dashed #AAA;
  margin-bottom: 0;
  /*	width: 100%;	*/
}

.l-main--ver1 form th, .l-main--ver1 form td {
  border-left: 0;
  border-top: 1px dashed #AAA;
  padding: 8px 0 8px 8px;
}

.l-main--ver1 form th {
  background: #F2F0E3;
  width: 170px;
}

.l-main--ver1 form caption {
  color: #CC0000;
  font-weight: normal;
}

.l-main--ver1 input[type=text], .l-main--ver1 input[type=email], .l-main--ver1 input[type=tel], .l-main--ver1 input[type=password], .l-main--ver1 input[type=submit], .l-main--ver1 select, .l-main--ver1 textarea {
  background: #F9F8EF;
  border: 1px solid #AAA;
  font-size: 16px !important;
}

.l-main--ver1 input[type=text]:focus, .l-main--ver1 input[type=email]:focus, .l-main--ver1 input[type=tel]:focus, .l-main--ver1 select:focus, .l-main--ver1 textarea:focus {
  background: #FFF;
}

.l-main--ver1 input[type=submit] {
  -webkit-appearance: none;
  background: #EE5A00;
  color: #FFF;
  font-weight: bold;
  margin-top: 15px;
  padding: 8px 32px;
  letter-spacing: 0.1em;
  text-align: center;
}

.l-main--ver1 .wpcf7-list-item {
  display: block;
}

.l-main--ver1 .checkbox-block span.wpcf7-list-item {
  display: block;
}

.l-main--ver1 .mceContentBody,
.l-main--ver1 body.cke_editable {
  background: none;
  /*		font-size: 75%;*/
  max-width: 730px;
  padding: 10px;
}

.l-main--ver1 .mceContentBody.post-type-page {
  font-size: 14px;
}

.l-main--ver1 .mceContentBody.post-type-post {
  font-size: 16px;
}

.l-main--ver1 #header .wrapper,
.l-main--ver1 #footer .wrapper,
.l-main--ver1 #main,
.l-main--ver1 #side {
  margin: 0 auto;
  width: 1000px;
}

.l-main--ver1 #header {
  background: #fff;
  -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);
  height: 150px;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.l-main--ver1 #header > .wrapper {
  height: 60px;
  position: relative;
}

.l-main--ver1 .sitenav ul {
  display: table;
  float: right;
  font-family: '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 20px 0 0;
}

.l-main--ver1 .sitenav li {
  display: table-cell;
  padding-left: 5px;
  width: 150px;
}

.l-main--ver1 .sitenav li:first-of-type {
  width: 170px;
}

.l-main--ver1 .sitenav a,
.l-main--ver1 .sitenav strong {
  background: #005bac;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
}

.l-main--ver1 .sitenav a {
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  text-decoration: none;
}

.l-main--ver1 .sitenav a:hover {
  opacity: 0.5;
}

.l-main--ver1 .sitenav strong {
  background: #d6ecff;
  color: #005bac;
}

.l-main--ver1 #header .gnav {
  position: absolute;
  bottom: -1px;
  width: 100%;
}

.l-main--ver1 #header .gnav ul {
  margin-bottom: 0;
}

.l-main--ver1 #header .gnav .main li {
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: table-cell;
}

.l-main--ver1 #header .main li.n00 {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav00_s2.png);
}

.l-main--ver1 #header .main li.n01 {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav01_s2.png);
}

.l-main--ver1 #header .main li.n02 {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav02_s2.png);
}

.l-main--ver1 #header .main li.n03 {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav03_s2.png);
}

.l-main--ver1 #header .main li.n04 {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav04_s2.png);
}

.l-main--ver1 #header .main li.n05 {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav05_s2.png);
}

.l-main--ver1 #header .main li.n06 {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav06_s2.png);
}

.l-main--ver1 #header .gnav .sub {
  background: #cfbdab;
  display: none;
  padding: 15px 0 5px;
  position: absolute;
  width: 100%;
  z-index: 9999;
}

.l-main--ver1 #header .gnav .sub ul {
  margin-left: -1%;
}

.l-main--ver1 #header .gnav .sub li {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/gnav_sub_arrow_white.png) no-repeat 10px center #1f73b3;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  font-weight: bold;
  margin: 0 0 1% 1%;
  padding: 10px 10px 10px 40px;
  position: relative;
  width: 19%;
}

.l-main--ver1 #header .gnav .sub li.n01, .l-main--ver1 #header .gnav .sub li.n08 {
  background-color: #d0456e;
}

.l-main--ver1 #header .gnav .sub li.n02 {
  background-color: #288c6c;
}

.l-main--ver1 #header .gnav .sub li.n05, .l-main--ver1 #header .gnav .sub li.n10 {
  background-color: #e15300;
}

.l-main--ver1 #header .gnav .sub a {
  color: #fff;
  display: table-cell;
  font-size: 12px;
  height: 40px;
  vertical-align: middle;
}

.l-main--ver1 #header .gnav .sub a:hover {
  text-decoration: none;
}

.l-main--ver1 #header .gnav .sub span {
  background: #fff;
  border-radius: 3px;
  color: #1f73b3;
  display: inline-block;
  font-size: 10px;
  padding: 2px 8px;
  position: absolute;
  top: -5px;
  left: -5px;
}

.l-main--ver1 #header .gnav .sub li.n01 span, .l-main--ver1 #header .gnav .sub li.n08 span {
  color: #d0456e;
}

.l-main--ver1 #header .gnav .sub li.n02 span {
  color: #288c6c;
}

.l-main--ver1 #header .gnav .sub li.n05 span, .l-main--ver1 #header .gnav .sub li.n10 span {
  color: #e15300;
}

.l-main--ver1 #header .logo {
  position: absolute;
  bottom: 0;
}

.l-main--ver1 #header .summary {
  position: absolute;
  bottom: 0;
  left: 280px;
}

.l-main--ver1 #header .btn {
  position: absolute;
  top: 15px;
  right: 0;
}

.l-main--ver1 #header .btn li {
  display: table-cell;
  padding-left: 2px;
}

.l-main--ver1 #header,
.l-main--ver1 #header .wrapper,
.l-main--ver1 #header .logo,
.l-main--ver1 #header .logo img,
.l-main--ver1 #header .btn {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.l-main--ver1 #header.smaller {
  background: rgba(242, 242, 242, 0.9);
  height: 70px;
}

.l-main--ver1 #header.smaller .logo {
  bottom: 5px;
}

.l-main--ver1 #header.smaller .logo img {
  height: 40px;
}

.l-main--ver1 #header.smaller .btn {
  top: 12px;
}

.l-main--ver1 #header.smaller .sitenav,
.l-main--ver1 #header.smaller .summary,
.l-main--ver1 #header.smaller .gnav {
  display: none;
}

.l-main--ver1 #footer {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/bg_footer.png) repeat-x #84D0E3;
  margin-top: 30px;
}

.l-main--ver1 #footer .wrapper {
  color: #2B3F86;
  font-size: 12px;
  min-height: 400px;
  position: relative;
}

.l-main--ver1 #footer .wrapper a {
  color: #2B3F86;
}

.l-main--ver1 #footer .wrapper a:hover,
.l-main--ver1 #footer .wrapper a:active {
  color: #5787B4;
}

.l-main--ver1 #footer .logo {
  position: absolute;
  top: 20px;
}

.l-main--ver1 #footer .summary {
  position: absolute;
  top: 120px;
}

.l-main--ver1 #footer .bnr {
  position: absolute;
  top: 28px;
  right: 0;
}

.l-main--ver1 #footer .bnr a {
  margin-left: 2px;
}

.l-main--ver1 #footer address {
  position: absolute;
  top: 170px;
}

.l-main--ver1 #footer small {
  font-size: 11px;
  position: absolute;
  top: 360px;
}

.l-main--ver1 #sitemap {
  position: absolute;
  top: 120px;
  right: 0;
}

.l-main--ver1 #sitemap .box {
  float: left;
  margin-left: 30px;
}

.l-main--ver1 #sitemap h6 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/ico_arrow_blue.png) no-repeat 0 center;
  border-bottom: 1px solid #2B3F86;
  margin-bottom: 5px;
  padding-left: 15px;
}

.l-main--ver1 #sitemap ul {
  float: left;
}

.l-main--ver1 #sitemap div.social {
  clear: both;
  margin-top: 20px;
  width: 50px;
}

.l-main--ver1 #footer .sitenav a,
.l-main--ver1 #footer .sitenav strong {
  border-radius: 5px 5px 0 0;
}

.l-main--ver1 #footer .sitenav strong {
  background: #fff;
}

.l-main--ver1 #footer .sitenav .active a {
  background-color: #fff;
  color: #005bac;
  font-weight: bold;
}

.l-main--ver1 #pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

.l-main--ver1 #main {
  font-size: 14px;
  line-height: 1.6;
  padding-top: 170px;
}

.l-main--ver1 body.home:not(.blog) #main {
  padding-top: 0;
}

.l-main--ver1 body.single #main {
  font-size: 16px;
}

.l-main--ver1 body.home #key {
  font-size: 0;
  padding-top: 170px;
}

.l-main--ver1 body.home #key .home-slider.sp {
  display: none;
}

.l-main--ver1 #side {
  float: right;
  width: 230px;
}

.l-main--ver1 #side aside.bnr {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/line_diagonal.png) repeat-x 0 bottom;
  padding-bottom: 7px;
}

.l-main--ver1 body.home #side aside.bnr {
  background: none;
}

.l-main--ver1 #side ul {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/line_diagonal.png) repeat-x;
  padding: 7px 0 10px;
}

.l-main--ver1 #side li, .l-main--ver1 #side dd {
  margin-top: 5px;
}

.l-main--ver1 #side li:first-child, .l-main--ver1 #side dd:first-child {
  margin-top: 10px;
}

.l-main--ver1 #side dt {
  margin-top: 15px;
}

.l-main--ver1 #side.blog {
  float: right;
  font-size: 13px;
  width: 230px;
}

.l-main--ver1 #side.blog address {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/line_diagonal.png) repeat-x 0 bottom;
  padding-bottom: 21px;
}

.l-main--ver1 #side.blog h2 {
  font-weight: bold !important;
  margin: 10px 0 5px !important;
}

.l-main--ver1 #side.blog li {
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
}

.l-main--ver1 #side.blog li:first-of-type {
  border-top: 1px solid #ddd;
}

.l-main--ver1 #side.blog .widget_calendar table {
  color: #aaa !important;
  font-size: 12px;
  text-align: center;
}

.l-main--ver1 #side.blog .widget_calendar th,
.l-main--ver1 #side.blog .widget_calendar td {
  padding: 4px;
}

.l-main--ver1 #side.blog .widget_calendar th {
  background: #f5f5f5;
  color: #666;
}

.l-main--ver1 #side.blog .widget_calendar a {
  font-weight: bold;
}

.l-main--ver1 #side.blog .searchform label {
  display: none;
}

.l-main--ver1 #side.blog .searchform input[type="text"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  font-size: 12px !important;
  padding: 2px;
  width: 70%;
}

.l-main--ver1 #side.blog .searchform input[type="submit"] {
  background: #aaa !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px !important;
  font-weight: normal;
  margin: 0;
  padding: 2px;
  width: 25%;
}

.l-main--ver1 #contents {
  float: left;
  overflow: hidden;
  width: 730px;
}

.l-main--ver1 #contents.blog {
  float: left;
  overflow: hidden;
  width: 730px;
}

.l-main--ver1 body.home.blog #contents.blog {
  float: none;
  width: 100%;
}

.l-main--ver1 .bread_crumb {
  font-size: 12px;
  margin-bottom: 10px;
}

.l-main--ver1 .bread_crumb li {
  float: left;
}

.l-main--ver1 .bread_crumb a:after {
  color: #000;
  content: "＞";
  /*	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;	*/
  margin: 0 2px 0 4px;
  vertical-align: middle;
}

.l-main--ver1 .page_navi {
  font-size: 14px;
  margin-top: 30px;
  padding: 5px;
  text-align: center;
}

.l-main--ver1 .page_navi li {
  display: inline-block;
  margin: 0 1px;
}

.l-main--ver1 .page_navi li a, .l-main--ver1 .page_navi li span {
  border: 1px dashed #AAA;
  display: block;
  padding: 4px 8px;
}

.l-main--ver1 .page_navi li.current span {
  border: 1px solid #CCC;
  background: #CCC;
}

.l-main--ver1 .page_navi li.page_nums span {
  border: 0;
  background: none;
}

.l-main--ver1 .socialbookmark {
  margin-bottom: 15px;
}

.l-main--ver1 .socialbookmark iframe,
.l-main--ver1 .socialbookmark div {
  float: left !important;
  margin-right: 10px !important;
}

.l-main--ver1 .socialbookmark div iframe {
  float: none !important;
}

.l-main--ver1 .socialbookmark div {
  /*	width: 59px !important;	*/
}

.l-main--ver1 .socialbookmark .twitter-share-button {
  width: 85px !important;
}

.l-main--ver1 div#___plusone_0 {
  width: 60px !important;
}

.l-main--ver1 .btnSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
}

.l-main--ver1 .btnSocial li {
  margin-right: 5px;
}

.l-main--ver1 .fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.l-main--ver1 .menuList li,
.l-main--ver1 .listMenu li,
.l-main--ver1 .listIco li {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/arw_square_white.png) no-repeat 0 center;
  float: left;
  margin-right: 15px;
  padding-left: 12px;
}

.l-main--ver1 .listIco li {
  background: none;
  padding-left: 0;
}

.l-main--ver1 .listIco li img {
  margin-right: 5px;
}

.l-main--ver1 .listNumber li {
  margin-bottom: 10px;
  padding: 1px 0 0 25px;
}

.l-main--ver1 .listNumber li.n01 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/num01.png) no-repeat;
}

.l-main--ver1 .listNumber li.n02 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/num02.png) no-repeat;
}

.l-main--ver1 .listNumber li.n03 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/num03.png) no-repeat;
}

.l-main--ver1 .listNumber li.n04 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/num04.png) no-repeat;
}

.l-main--ver1 .listNumber li.n05 {
  background: url(../art-schoolcojp/img/common/num05.png) no-repeat;
}

.l-main--ver1 .listNumber li.question {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/que.png) no-repeat;
}

.l-main--ver1 .listNumber li.answer {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/ans.png) no-repeat;
}

.l-main--ver1 .bgContents01 {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/bg_contents01.png) repeat;
  padding-bottom: 15px;
}

.l-main--ver1 .bgContents01 .wrapper20 {
  padding: 20px;
}

.l-main--ver1 .bgContents02 {
  background: url(https://www.art-school.co.jp/cms/wp-content/uploads/2016/11/plan_back.jpg) repeat-y;
  padding-bottom: 15px;
  font-size: 120%;
}

.l-main--ver1 .slideshow .bx-wrapper {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/bg_key.png) repeat-x 0 bottom;
  margin-bottom: 30px !important;
  padding-bottom: 5px;
}

.l-main--ver1 .slideshow .bx-pager {
  bottom: -20px !important;
}

.l-main--ver1 .lnav ul {
  margin-left: -5px;
}

.l-main--ver1 .lnav li {
  float: left;
  margin: 0 0 5px 5px;
  width: calc(100% / 3 - 5px);
}

.l-main--ver1 .lnav a {
  background: #0084B4;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.l-main--ver1 .lnav a:hover {
  opacity: 0.5;
}

.l-main--ver1 .minchoB {
  font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",
 "MS 明朝",serif;
  font-weight: bold;
}

.l-main--ver1 .mincho {
  font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",
 "MS 明朝",serif;
}

.l-main--ver1 .mod-col-1 li {
  margin-bottom: 20px;
}

.l-main--ver1 .mod-col-3 ul {
  margin-left: -10px;
}

.l-main--ver1 .mod-col-3 li {
  float: left;
  margin: 0 0 10px 10px;
  width: calc(100% / 3 - 10.1px);
}

.l-main--ver1 .mod-col-2 ul {
  margin-left: -20px;
}

.l-main--ver1 .mod-col-2 li {
  float: left;
  margin: 0 0 20px 20px;
  width: calc(100% / 2 - 20px);
}

.l-main--ver1 .mod-col-4 ul {
  margin-left: -15px;
}

.l-main--ver1 .mod-col-4 li {
  float: left;
  margin: 0 0 15px 15px;
  width: calc(100% / 4 - 15px);
}

.l-main--ver1 .mod-col-1 li img,
.l-main--ver1 .mod-col-2 li img,
.l-main--ver1 .mod-col-4 li img {
  max-width: 100%;
  width: 100%;
}

.l-main--ver1 span.cat {
  background: #e06f64;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  margin-bottom: 5px;
  min-width: 8em;
  padding: 4px 8px;
  text-align: center;
}

.l-main--ver1 span.cat.seminar-free {
  background-color: #e0a979;
}

.l-main--ver1 span.cat.seminar-special {
  background-color: #e06f64;
}

.l-main--ver1 a.more {
  border: 1px solid #00a3D9;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #00a3D9;
  display: inline-block;
  line-height: 1;
  padding: 5px 10px;
  text-align: center;
}

.l-main--ver1 a.more:hover {
  background: #00a3D9;
  color: #fff;
  text-decoration: none;
}

.l-main--ver1 a.block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: block;
  opacity: 1;
  height: 100%;
}

.l-main--ver1 a.block:hover {
  opacity: 0.5;
}

.l-main--ver1 #key .bxslider {
  display: none;
}

.l-main--ver1 #key .bx-wrapper .bxslider {
  display: block;
}

.l-main--ver1 #key {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-main--ver1 #key .wrapper {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(1000px * 3 + 20px);
  z-index: 1;
}

.l-main--ver1 h2.home {
  position: relative;
}

.l-main--ver1 h2.home span.btnWrap {
  position: absolute;
  top: 3px;
  right: 0;
}

.l-main--ver1 h2.home a {
  margin-left: 5px;
}

.l-main--ver1 h2.home a.btn {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/arw_square_white.png) no-repeat 6px center #00A3D9;
  border-radius: 4px;
  color: #FFF;
  font-size: 11px;
  margin-left: 20px;
  padding: 2px 8px 2px 20px;
}

.l-main--ver1 h2.home a.btn:hover, .l-main--ver1 h2.home a.btn:active {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.l-main--ver1 #news {
  background: #eee9d0;
  margin: -20px 0 30px;
}

.l-main--ver1 #news dl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 96%;
  width: 1000px;
}

.l-main--ver1 #news dt {
  border-right: 1px solid #c3bc97;
  padding-right: 30px;
  white-space: nowrap;
}

.l-main--ver1 #news dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

.l-main--ver1 #news dd time {
  margin: 0 15px 0 30px;
  white-space: nowrap;
}

.l-main--ver1 #news dd a {
  color: #715d46;
  font-weight: 700;
}

.l-main--ver1 .home.secInfo ul {
  margin-left: -8px;
}

.l-main--ver1 .home.secInfo li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  font-size: 11px;
  line-height: 1.4;
  margin: 0 0 8px 8px;
  width: 238px;
  /* 244px */
}

.l-main--ver1 .home.blog.secInfo.secBlog li {
  width: 244px;
}

.l-main--ver1 .home.secInfo li .thumb {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 117px;
  overflow: hidden;
}

.l-main--ver1 .home.secInfo li img {
  border-radius: 5px 5px 0 0;
  margin: -1px -1px 0;
  max-width: none;
  width: calc(100% + 2px);
}

.l-main--ver1 .home.secInfo li .content {
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  padding: 15px 15px 45px;
  position: relative;
}

.l-main--ver1 .home.secInfo li h3 {
  clear: both;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 3px;
}

.l-main--ver1 .home.secInfo li p {
  margin-right: 15px;
  position: absolute;
  bottom: 0;
}

.l-main--ver1 .home.secInfo a.cat {
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: block;
  float: right;
  font-size: 11px;
  margin-top: -1px;
  text-align: center;
  width: 110px;
}

.l-main--ver1 .home.secInfo.secBlog a.cat {
  margin-top: 5px;
  width: 140px;
}

.l-main--ver1 .home.secInfo a.cat.info {
  background-color: #BEB28E;
}

.l-main--ver1 .home.secInfo a.cat.event {
  background-color: #E0AA74;
}

.l-main--ver1 .home.secInfo a.cat.report {
  background-color: #E09D96;
}

.l-main--ver1 .home.secInfo a.cat.public {
  background-color: #D099BD;
}

.l-main--ver1 .home.secInfo a.cat.exhibition {
  background-color: #9CA96B;
}

.l-main--ver1 .home.secInfo a.cat.artist {
  background-color: #98B1CE;
}

.l-main--ver1 .home.secInfo a.cat.success {
  background-color: #96C2CC;
}

.l-main--ver1 .home.secInfo a.cat.seminar-special {
  background-color: #E06F64;
}

.l-main--ver1 .home.secInfo a.cat.lecturer {
  background-color: #98B1CE;
}

.l-main--ver1 .home.secInfo a.cat.office {
  background-color: #dcb429;
}

.l-main--ver1 .home.secInfo a.cat.workshop {
  background-color: #ff6755;
}

.l-main--ver1 .home.secInfo a.cat.art {
  background-color: #d85f66;
}

.l-main--ver1 .home.secInfo a.cat.dessin {
  background-color: #f5c89e;
}

.l-main--ver1 .home.secInfo a.cat.illustration {
  background-color: #fbe285;
}

.l-main--ver1 .home.secInfo a.cat.picturebook {
  background-color: #d0e298;
}

.l-main--ver1 .home.secInfo a.cat.manga {
  background-color: #56b575;
}

.l-main--ver1 .home.secInfo a.cat.comic {
  background-color: #5baabd;
}

.l-main--ver1 .home.secInfo a.cat.printmaking {
  background-color: #d9d9ff;
}

.l-main--ver1 iframe.info.blog {
  height: 270px;
  width: 100%;
}

.l-main--ver1 .home.secInfo.secBlog a.cat {
  float: none;
}

.l-main--ver1 .news,
.l-main--ver1 article.archive {
  font-size: 12px;
}

.l-main--ver1 .news li {
  font-size: 11px;
  /*	height: 77px;	*/
  /*	overflow: hidden;	*/
}

.l-main--ver1 .news img {
  border: 1px solid #CCC;
  float: left;
  margin-right: 8px;
}

.l-main--ver1 .news span,
.l-main--ver1 article.archive span {
  margin-bottom: 5px;
  /*padding-top: 1px;*/
}

.l-main--ver1 .news span.info,
.l-main--ver1 article.archive span.info {
  background-color: #BEB28E;
}

.l-main--ver1 .news span.event,
.l-main--ver1 article.archive span.event {
  background-color: #E0AA74;
}

.l-main--ver1 .news span.report,
.l-main--ver1 article.archive span.report {
  background-color: #E09D96;
}

.l-main--ver1 .news span.public,
.l-main--ver1 article.archive span.public {
  background-color: #D099BD;
}

.l-main--ver1 .news span.exhibition,
.l-main--ver1 article.archive span.exhibition {
  background-color: #9CA96B;
}

.l-main--ver1 .news span.artist,
.l-main--ver1 article.archive span.artist {
  background-color: #98B1CE;
}

.l-main--ver1 .news span.success,
.l-main--ver1 article.archive span.success {
  background-color: #96C2CC;
}

.l-main--ver1 .news span.seminar-free {
  background-color: #E0A979;
}

.l-main--ver1 .news span.seminar-special {
  background-color: #E06F64;
}

.l-main--ver1 .news span.lecturer,
.l-main--ver1 article.archive span.lecturer {
  background-color: #98B1CE;
}

.l-main--ver1 .news span.office,
.l-main--ver1 article.archive span.office {
  background-color: #dcb429;
}

.l-main--ver1 .news span.workshop,
.l-main--ver1 article.archive span.workshop {
  background-color: #ff6755;
}

.l-main--ver1 .news span.seminar-special,
.l-main--ver1 article.archive span.seminar-special {
  background-color: #e06f64;
}

.l-main--ver1 .news li {
  margin-bottom: 10px;
}

.l-main--ver1 .home-gallery div.bx-wrapper {
  border: 1px solid #917455;
  padding: 20px;
}

.l-main--ver1 .home-gallery div.bx-controls-direction a {
  top: 135px;
}

.l-main--ver1 .home-gallery a.bx-prev {
  left: -20px;
}

.l-main--ver1 .home-gallery a.bx-next {
  right: -20px;
}

.l-main--ver1 .homeCourse li {
  height: 265px;
  width: 237px;
}

.l-main--ver1 .homeCourse li .txt {
  padding: 10px;
}

.l-main--ver1 .homeCourse li .txt strong {
  font-size: 125%;
}

.l-main--ver1 .homeCourse li.art {
  background: #D85F66;
}

.l-main--ver1 .homeCourse li.dessin {
  background: #F1AF72;
}

.l-main--ver1 .homeCourse li.illustration {
  background: #FBE285;
}

.l-main--ver1 .homeCourse li.picturebook {
  background: #B3D059;
}

.l-main--ver1 .homeCourse li.manga {
  background: #56B575;
}

.l-main--ver1 .homeCourse li.comic {
  background: #5BAABD;
}

.l-main--ver1 .homeCourse li.printmaking {
  background: #4E85C6;
}

.l-main--ver1 .homeCourse li.examination {
  background: #9662A2;
}

.l-main--ver1 .homeCourse li.tsushin {
  background: #E089A6;
}

.l-main--ver1 .homeCourse li.handmade {
  background: #E089A6;
}

.l-main--ver1 .home.secSeminar li .thumb {
  border: 1px solid #ddd;
  float: left;
}

.l-main--ver1 .home.secSeminar li .content {
  float: right;
  font-size: 12px;
  line-height: 1.3;
  width: calc(100% - 85px);
}

.l-main--ver1 .home.secSeminar .content a {
  display: block;
  font-size: 13px;
  margin: 5px 0;
}

.l-main--ver1 .aboutFeature {
  background: #FFF;
  border-left: 10px solid #8DCCD3;
  margin: 10px 15px 0;
  padding: 10px;
}

.l-main--ver1 .aboutFeature h3 {
  float: left;
}

.l-main--ver1 .aboutFeature div.txt {
  float: right;
  width: calc(100% - 300px);
}

.l-main--ver1 .aboutStudent {
  margin-left: 5px;
  width: 740px;
}

.l-main--ver1 .aboutStudent h2 {
  z-index: 100;
}

.l-main--ver1 .aboutStudent dl.box {
  background: #FFF;
  float: left;
  margin: -10px 5px 0;
  min-height: 310px;
  padding: 10px;
  width: 330px;
}

.l-main--ver1 .aboutStudent dl.box dt {
  height: 135px;
  overflow: hidden;
}

.l-main--ver1 .aboutStudent img.flt-left {
  display: block;
}

.l-main--ver1 .aboutStudent span.flt-right {
  display: block;
  text-align: right;
  width: 190px;
}

.l-main--ver1 .aboutStudent span.flt-right img {
  margin-bottom: 10px;
  max-width: 100%;
}

.l-main--ver1 .aboutLecture h2 {
  z-index: 100;
}

.l-main--ver1 .aboutLecture div.boxOut {
  margin: -20px 10px 0;
}

.l-main--ver1 .aboutLecture .boxIn {
  background: #FFF;
  margin-top: 10px;
  padding: 10px;
}

.l-main--ver1 .aboutLecture div.boxIn .photo {
  float: left;
}

.l-main--ver1 .aboutLecture div.boxIn .profile {
  float: left;
  margin: 0 10px;
  width: 370px;
}

.l-main--ver1 .aboutLecture div.boxIn .profile img {
  margin-bottom: 10px;
}

.l-main--ver1 .aboutLecture div.boxIn .message {
  border-left: 2px dotted #8DCCD3;
  float: right;
  padding-left: 10px;
  width: calc(100% - 520px);
}

.l-main--ver1 .aboutBanner {
  margin: 45px 0;
}

.l-main--ver1 .aboutBanner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}

.l-main--ver1 .aboutBanner li {
  margin-left: 20px;
  width: calc(100% / 3 - 20px);
}

.l-main--ver1 .secBanner ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-main--ver1 .feature.localNav,
.l-main--ver1 .suspension.localNav,
.l-main--ver1 .transfer.localNav {
  background: #f3f3f3;
  margin-top: 90px;
  padding: 6px 20px 21px;
}

.l-main--ver1 .feature.localNav ul,
.l-main--ver1 .suspension.localNav ul,
.l-main--ver1 .transfer.localNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-main--ver1 .feature.localNav a, .l-main--ver1 .feature.localNav span,
.l-main--ver1 .suspension.localNav a, .l-main--ver1 .suspension.localNav span,
.l-main--ver1 .transfer.localNav a, .l-main--ver1 .transfer.localNav span {
  color: #5fa422;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding-left: 50px;
}

.l-main--ver1 .feature.localNav a:before, .l-main--ver1 .feature.localNav span:before,
.l-main--ver1 .suspension.localNav a:before, .l-main--ver1 .suspension.localNav span:before,
.l-main--ver1 .transfer.localNav a:before, .l-main--ver1 .transfer.localNav span:before {
  background: url(/img/suspension/ico_arrow_right_white.svg) no-repeat center center #5fa422;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 40px;
  margin: 0 10px 0 -50px;
  position: relative;
  top: 14px;
  width: 40px;
}

.l-main--ver1 .feature.localNav span:before,
.l-main--ver1 .suspension.localNav span:before,
.l-main--ver1 .transfer.localNav span:before {
  background: url(/img/suspension/ico_arrow_right_green.svg) no-repeat center center #fff;
}

.l-main--ver1 .feature.secVisual h2, .l-main--ver1 .feature.secReason h2, .l-main--ver1 .feature.secSchedule h2,
.l-main--ver1 .suspension h1, .l-main--ver1 .suspension h2, .l-main--ver1 .suspension h3,
.l-main--ver1 .transfer h1, .l-main--ver1 .transfer h2, .l-main--ver1 .transfer h3 {
  background: none;
  background-size: auto;
  color: inherit;
  height: auto;
  line-height: 1.2;
  margin: 0;
  min-height: inherit;
  padding: 0;
  text-shadow: none;
}

.l-main--ver1 .feature.secVisual h2,
.l-main--ver1 .feature.secReason h2,
.l-main--ver1 .feature.secSchedule h2 {
  text-align: center;
}

.l-main--ver1 .feature.secVisual {
  background: url(/img/feature/visual_bg.png);
  padding: 30px 30px 100px;
  position: relative;
}

.l-main--ver1 .feature.secVisual h1 {
  background: #e57a48;
  -webkit-box-shadow: 10px 10px 0 #c95e2b,
 -10px 10px 0 #c95e2b;
          box-shadow: 10px 10px 0 #c95e2b,
 -10px 10px 0 #c95e2b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 30px;
  position: absolute;
  bottom: -80px;
  text-align: center;
  text-shadow: none;
  width: calc(100% - 60px);
}

.l-main--ver1 .feature.secVisual h1 strong {
  font-size: 50px;
}

.l-main--ver1 .feature.secVisual h2 {
  background: #5fa422;
  color: #fff;
  font-size: 30px;
  margin: -30px -30px 30px;
  padding: 20px;
}

.l-main--ver1 .feature.secVisual .ctr-pic {
  float: left;
  text-align: center;
}

.l-main--ver1 .feature.secVisual .ctr-balloon {
  float: right;
  width: calc(100% - 300px);
}

.l-main--ver1 .feature.secVisual .ctr-balloon li {
  background: #fff;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.l-main--ver1 .feature.secVisual .ctr-balloon li:before {
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 7.5px 10px 7.5px 0;
  content: "";
  height: 0;
  position: absolute;
  top: calc(50% - 7.5px);
  left: -10px;
  width: 0;
}

.l-main--ver1 .feature.secVisual .ctr-balloon li:nth-of-type(2) {
  margin-left: -65px;
}

.l-main--ver1 .feature.secAbout {
  font-size: 24px;
  margin: 140px 0 40px;
  text-align: center;
}

.l-main--ver1 .feature.secAbout p.lead span.ico {
  background: #5fa422;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 60px;
  margin-right: 10px;
  height: 60px;
  width: 60px;
}

.l-main--ver1 .feature.secAbout p.lead strong.ttl {
  color: #5fa422;
  font-size: 30px;
}

.l-main--ver1 .feature.secAbout p.lead strong.marker {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, #fff475), color-stop(90%, #fff475), color-stop(90%, transparent), to(transparent));
  background: linear-gradient(to bottom, transparent 0%, transparent 60%, #fff475 60%, #fff475 90%, transparent 90%, transparent 100%);
  color: #e57a48;
  font-size: 50px;
}

.l-main--ver1 .feature.secAbout p.lead strong.course {
  color: #e57a48;
}

.l-main--ver1 .feature.secAbout ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0 -20px;
}

.l-main--ver1 .feature.secAbout ul li {
  color: #e57a48;
  font-size: 24px;
  margin-left: 20px;
  text-align: center;
  width: calc(100% / 3 - 20px);
}

.l-main--ver1 .feature.secAbout ul img {
  position: relative;
  top: -20px;
  z-index: -1;
}

.l-main--ver1 .feature.secReason h2 {
  background: #5fa422;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  padding: 20px 20px 10px;
}

.l-main--ver1 .feature.secReason h2 > * {
  font-size: 30px;
}

.l-main--ver1 .feature.secReason ul {
  border: 5px solid #5fa422;
  padding: 30px;
}

.l-main--ver1 .feature.secReason li {
  background: url(/img/feature/ico_check_orange.png) no-repeat 0 6px;
  font-size: 24px;
  padding-left: 30px;
}

.l-main--ver1 .feature.secReason li strong {
  color: #e57a48;
}

.l-main--ver1 .feature.secSchedule {
  margin-top: 70px;
}

.l-main--ver1 .feature.secSchedule .problem {
  background: #faeccd;
  border-radius: 15px 15px 0 0;
  padding: 40px;
}

.l-main--ver1 .feature.secSchedule .problem .ctr-pic {
  float: left;
  text-align: center;
}

.l-main--ver1 .feature.secSchedule .worker .problem .ctr-pic {
  margin-top: -70px;
}

.l-main--ver1 .feature.secSchedule .housewife .problem .ctr-pic {
  margin: -75px 0 0 -10px;
}

.l-main--ver1 .feature.secSchedule .problem .ctr-balloon {
  background: #fff;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  font-size: 15px;
  margin-bottom: 15px;
  padding: 15px 20px 5px;
  position: relative;
  width: 480px;
}

.l-main--ver1 .feature.secSchedule .problem .ctr-balloon:before {
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 7.5px 10px 7.5px 0;
  content: "";
  height: 0;
  position: absolute;
  top: calc(50% - 7.5px);
  left: -10px;
  width: 0;
}

.l-main--ver1 .feature.secSchedule .worker .problem .ctr-balloon {
  width: calc(100% - 180px);
}

.l-main--ver1 .feature.secSchedule .housewife .problem .ctr-balloon {
  width: calc(100% - 190px);
}

.l-main--ver1 .feature.secSchedule .problem .ctr-balloon span.type {
  font-size: 30px;
}

.l-main--ver1 .feature.secSchedule .worker .problem .ctr-balloon span.type {
  color: #5fa422;
}

.l-main--ver1 .feature.secSchedule .housewife .problem .ctr-balloon span.type {
  color: #e57a48;
}

.l-main--ver1 .feature.secSchedule p.lead {
  background: #e57a48;
  border-radius: 0 0 15px 15px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 20px;
  position: relative;
  text-align: center;
}

.l-main--ver1 .feature.secSchedule p.lead:after {
  border-color: #e57a48 transparent transparent transparent;
  border-style: solid;
  border-width: 20px 50px 0 50px;
  content: "";
  height: 0;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 50px);
  width: 0;
}

.l-main--ver1 .feature.secSchedule .worker p.lead {
  top: -70px;
}

.l-main--ver1 .feature.secSchedule .housewife p.lead {
  top: -45px;
}

.l-main--ver1 .feature.secSchedule h2 {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 15px;
}

.l-main--ver1 .feature.secSchedule h2 strong {
  color: #5fa422;
}

.l-main--ver1 .feature.secSchedule dt {
  border-left: 5px solid #e57a48;
  color: #e57a48;
  font-size: 18px;
  font-weight: 700;
  padding-left: 10px;
}

.l-main--ver1 .feature.secSchedule dd {
  padding: 10px 15px 20px;
}

.l-main--ver1 .feature.secMessage {
  border: 5px solid #5fa422;
  font-size: 24px;
  font-weight: 700;
  padding: 30px 20px 15px;
  text-align: center;
}

.l-main--ver1 .feature.secMessage strong.marker {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, #fff475), color-stop(90%, #fff475), color-stop(90%, transparent), to(transparent));
  background: linear-gradient(to bottom, transparent 0%, transparent 60%, #fff475 60%, #fff475 90%, transparent 90%, transparent 100%);
  color: #5fa422;
  font-size: 30px;
}

.l-main--ver1 .secBanner ul {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}

.l-main--ver1 .suspension.secButton ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.l-main--ver1 .suspension.secButton li {
  margin: 0 5px;
  max-width: calc(50% - 10px);
  width: 300px;
}

.l-main--ver1 .suspension.secButton a {
  background: url(/img/suspension/ico_arrow_bottom_white.svg) no-repeat 15px center #e57a48;
  border: 1px solid #e57a48;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 5px;
  text-align: center;
}

.l-main--ver1 .suspension.secButton a:hover {
  background: none;
  color: #e57a48;
  text-decoration: none;
}

.l-main--ver1 .suspension.secSystem h1 {
  background: url(/img/suspension/ico_brush_green.svg) no-repeat 10px 0;
  background-size: auto 35px;
  color: #5fa422;
  font-size: 40px;
  line-height: 1;
  margin: 45px 0 30px;
  padding: 0 0 0 45px;
}

.l-main--ver1 .suspension.secSystem h1:after {
  border: 10px solid #d0f2b1;
  content: "";
  display: block;
  margin: -15px 0 0 -45px;
  position: relative;
  z-index: -10;
  width: auto;
}

.l-main--ver1 .suspension.secSystem h1 span {
  color: #e57a48;
}

.l-main--ver1 .suspension.secSystem .ctr-message {
  background: url(/img/suspension/system01_message_pic.png) no-repeat right bottom;
  font-size: 16px;
  padding: 0 160px 15px 0;
}

.l-main--ver1 .suspension.secSystem.num02 .ctr-message {
  background-image: url(/img/suspension/system02_message_pic.png);
}

.l-main--ver1 .suspension.secSystem .ctr-message p.lead {
  color: #e57a48;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.l-main--ver1 .suspension.secSystem .ctr-message strong {
  color: #e57a48;
}

.l-main--ver1 .suspension.secSystem .ctr-example,
.l-main--ver1 .transfer.secAbout .ctr-example {
  background: #fbeccd;
  padding: 0 30px 15px;
}

.l-main--ver1 .suspension.secSystem .ctr-example h2,
.l-main--ver1 .transfer.secAbout .ctr-example h2 {
  background: #46bddb;
  color: #fff;
  font-size: 20px;
  margin: 0 -30px;
  padding: 10px;
}

.l-main--ver1 .suspension.secSystem .ctr-example h2 span,
.l-main--ver1 .transfer.secAbout .ctr-example h2 span {
  background: #fff;
  color: #46bddb;
  display: inline-block;
  margin-right: 15px;
  padding: 8px 12px;
}

.l-main--ver1 .suspension.secSystem .ctr-example h3,
.l-main--ver1 .transfer.secAbout .ctr-detail h3 {
  color: #e57a48;
  font-size: 20px;
  font-weight: 700;
  margin: 30px 0 10px;
}

.l-main--ver1 .suspension.secBanner ul {
  margin-top: 60px;
}

.l-main--ver1 .transfer.secMessage {
  font-size: 16px;
  margin: 30px 0 60px;
}

.l-main--ver1 .transfer.secMessage p.lead {
  color: #e57a48;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.l-main--ver1 .transfer.secAbout .ctr-detail p.lead {
  color: #5fa422;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-left,
.l-main--ver1 .transfer.secAbout .ctr-detail .container-right {
  float: left;
  position: relative;
  width: calc(50% - 25px);
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right {
  float: right;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right:before {
  border-color: transparent transparent transparent #e57a48;
  border-style: solid;
  border-width: 25px 0 25px 20px;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  left: -35px;
  width: 0;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .clearfix:first-of-type .container-right:before {
  top: 70px;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .course {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  min-height: 50px;
  margin-bottom: 5px;
  padding: 0 20px;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-left .course {
  color: #fff;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-left .course.design {
  background: #1f73b3;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-left .course.dessin {
  background: #288c6c;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-left .course.art {
  background: #d0456e;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course.design {
  background: #e0f2ff;
  color: #1f73b3;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course.dessin {
  background: #d0f1e6;
  color: #288c6c;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course.art,
.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course.printmaking {
  background: #ffdae5;
  color: #d0456e;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course.printmaking {
  background: #fff0f4;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course dt {
  width: 8em;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-right .course dd {
  font-size: 14px;
  font-weight: 500;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-left .note.design {
  color: #1f73b3;
}

.l-main--ver1 .transfer.secAbout .ctr-detail .container-left .note.art {
  color: #d0456e;
}

.l-main--ver1 .transfer.secAbout .ctr-example {
  margin-top: 30px;
}

.l-main--ver1 .transfer.secAbout .ctr-example ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.l-main--ver1 .transfer.secAbout .ctr-example ul li {
  position: relative;
  text-align: center;
}

.l-main--ver1 .transfer.secAbout .ctr-example ul.example {
  margin-left: -50px;
}

.l-main--ver1 .transfer.secAbout .ctr-example ul.example li {
  margin-left: 50px;
  width: calc(50% - 50px);
}

.l-main--ver1 .transfer.secAbout .ctr-example ul.example li:last-of-type:before {
  border-color: transparent transparent transparent #e57a48;
  border-style: solid;
  border-width: 25px 0 25px 20px;
  content: "";
  height: 0;
  position: absolute;
  top: calc(50% - 25px);
  left: -35px;
  width: 0;
}

.l-main--ver1 .transfer.secBanner ul {
  margin-top: 60px;
}

.l-main--ver1 .courseBox li {
  margin-top: 10px;
}

.l-main--ver1 .courseBox li.art {
  background: #d85f66;
}

.l-main--ver1 .courseBox li.dessin {
  background: #f1af72;
}

.l-main--ver1 .courseBox li.illustration {
  background: #fbe285;
}

.l-main--ver1 .courseBox li.picturebook {
  background: #b3d059;
}

.l-main--ver1 .courseBox li.manga {
  background: #56b575;
}

.l-main--ver1 .courseBox li.comic {
  background: #5baabd;
}

.l-main--ver1 .courseBox li.printmaking {
  background: #4e85c6;
}

.l-main--ver1 .courseBox li.examination {
  background: #9662a2;
}

.l-main--ver1 .courseBox li.tsushin {
  background: #e089a6;
}

.l-main--ver1 .courseBox li.goods {
  background: sienna;
}

.l-main--ver1 .courseBox .flt-left {
  width: 237px;
}

.l-main--ver1 .courseBox .flt-right {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/ico_detail.png) 410px center no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 91%;
  /* 13px */
  height: 100px;
  line-height: 1.3;
  padding: 10px 40px 10px 10px;
  width: 450px;
}

.l-main--ver1 .courseBox .examination .flt-right,
.l-main--ver1 .courseBox .tsushin .flt-right {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/ico_window.png);
}

.l-main--ver1 .courseBox h2 {
  background: none;
  color: #FFF;
  font-size: 153%;
  /* 20px */
  letter-spacing: 0.05em;
  height: auto;
  margin: 0 0 3px;
  padding: 0;
  text-shadow: 0px 0px 3px #000;
}

.l-main--ver1 .courseBox strong {
  font-size: 130%;
  /* 17px */
}

.l-main--ver1 .courseBox a {
  color: #333;
}

.l-main--ver1 .techniqueBox {
  background: #FFF;
  padding: 10px;
}

.l-main--ver1 .workBox {
  margin-left: -3.3%;
}

.l-main--ver1 .workBox li {
  float: left;
  margin-left: 3.3%;
  width: 30%;
}

.l-main--ver1 .w_ohagi {
  width: 450px;
}

.l-main--ver1 .plan_list li {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 5px;
}

.l-main--ver1 .dessin .curriculumBox {
  margin-left: -2%;
}

.l-main--ver1 .dessin .curriculumBox li {
  float: left;
  margin-left: 2%;
  width: 23%;
}

.l-main--ver1 .picturebook .flowBox {
  margin-left: -2%;
}

.l-main--ver1 .picturebook .flowBox li {
  float: left;
  margin-left: 2%;
  width: 23%;
}

.l-main--ver1 .manga .easeBox .pic {
  float: right;
  text-align: center;
  width: 200px;
}

.l-main--ver1 .manga .easeBox .txt {
  float: left;
  width: 450px;
}

.l-main--ver1 .manga .caseBox li {
  float: left;
  margin-left: 2%;
  width: 23%;
}

.l-main--ver1 .mangaSupport {
  background-color: #fff;
}

.l-main--ver1 .mangaSupport .parent {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.l-main--ver1 .mangaSupport .child01,
.l-main--ver1 .mangaSupport .child02,
.l-main--ver1 .mangaSupport .child03 {
  position: absolute;
  top: 120px;
  right: 40px;
  width: 235px;
  z-index: 100;
}

.l-main--ver1 .mangaSupport .child02 {
  top: 385px;
}

.l-main--ver1 .mangaSupport .child03 {
  top: 635px;
}

.l-main--ver1 .printmaking .curriculumBox .pic {
  float: right;
}

.l-main--ver1 .printmaking .curriculumBox .txt {
  float: left;
  width: 350px;
}

.l-main--ver1 .publicWorks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}

.l-main--ver1 .publicWorks li {
  background: url(/img/printmaking/public_works_bg.svg) no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 20px 20px;
  padding: 10px;
  width: calc(50% - 20px);
}

.l-main--ver1 .publicWorks li .ctr-txt {
  margin: 10px 10px 0;
}

.l-main--ver1 .publicWorks li img {
  max-width: 100%;
}

.l-main--ver1 .publicAwards {
  background: url(/img/printmaking/public_awards_bg_01.svg) no-repeat 0 0, url(/img/printmaking/public_awards_bg_02.svg) no-repeat right 0, url(/img/printmaking/public_awards_bg_03.svg) no-repeat right bottom, url(/img/printmaking/public_awards_bg_04.svg) no-repeat 0 bottom;
  margin-bottom: 40px;
  padding: 30px 30px 10px;
}

.l-main--ver1 .publicAwards ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}

.l-main--ver1 .publicAwards li {
  margin: 0 0 5px 20px;
  width: calc(50% - 20px);
}

.l-main--ver1 .publicComment {
  background: url(/img/printmaking/public_comment_bg.svg);
  padding: 20px 20px 5px;
}

.l-main--ver1 .monozukuri.sns {
  background: url(/img/handmade/monozukuri/sns_bg.jpg) no-repeat;
  background-size: cover;
  margin: 30px 0;
  padding: 10px;
}

.l-main--ver1 .monozukuri.sns ul {
  margin-bottom: 0;
}

.l-main--ver1 .monozukuri.sns li {
  float: right;
}

.l-main--ver1 .monozukuri.wordorigin {
  background: url(/img/handmade/monozukuri/wordorigin_bg.jpg) no-repeat;
  background-size: contain;
  font-size: 18px;
  margin: 30px 0;
  padding: 20px;
  text-align: center;
}

.l-main--ver1 .monozukuri.wordorigin p.catch {
  font-size: 50px;
  line-height: 1;
}

.l-main--ver1 .monozukuri.wordorigin .outer {
  margin: 0 140px;
  text-align: left;
}

.l-main--ver1 .monozukuri.message {
  font-size: 18px;
  margin: auto 60px;
}

.l-main--ver1 .monozukuri.menu {
  background: url(/img/handmade/monozukuri/menu_bg.jpg) no-repeat center 0;
  background-size: cover;
  margin: 45px 0;
  padding: 45px 30px 18px;
  text-align: center;
}

.l-main--ver1 .monozukuri.menu ul {
  margin-top: 45px;
}

.l-main--ver1 .monozukuri.menu li {
  float: left;
  margin: 0 0 22px 22px;
}

.l-main--ver1 .monozukuri.menu span.txt {
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  padding: 3px 5px 2px;
  width: 130px;
}

.l-main--ver1 .monozukuri.menu li.num01 span.txt {
  background-color: #2998cf;
}

.l-main--ver1 .monozukuri.menu li.num02 span.txt {
  background-color: #00968a;
}

.l-main--ver1 .monozukuri.menu li.num03 span.txt {
  background-color: #e4801e;
}

.l-main--ver1 .monozukuri.menu li.num04 span.txt {
  background-color: #ae272d;
}

.l-main--ver1 .monozukuri.menu li.num05 span.txt {
  background-color: #736357;
}

.l-main--ver1 .monozukuri.menu li.num06 span.txt {
  background-color: #c1145a;
}

.l-main--ver1 .monozukuri.bnr ul {
  margin-left: 0;
}

.l-main--ver1 .monozukuri.bnr li {
  float: left;
  margin: 0 0 5px 5px;
}

.l-main--ver1 .monozukuri.message2 p {
  display: table-cell;
  font-size: 36px;
  vertical-align: middle;
  white-space: nowrap;
}

.l-main--ver1 .monozukuri.message2 p img {
  margin-right: 30px;
}

.l-main--ver1 #handmade h1 {
  background: none;
  color: #ff8c00;
  font-size: 25px;
  font-weight: bold;
  text-shadow: none;
  padding: 0;
  height: auto;
}

.l-main--ver1 #handmade h2 {
  background: none;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-shadow: none;
  padding: 0;
  height: auto;
}

.l-main--ver1 #handmade h3 {
  background: none;
  color: #000;
  font-size: 18px;
  font-weight: normal;
  text-shadow: none;
  padding: 0;
  height: auto;
}

.l-main--ver1 #handmade div.border,
.l-main--ver1 #point div.border,
.l-main--ver1 #curriculum div.border {
  background: url(/img/handmade/border.png) no-repeat center 0;
  height: 17px;
  margin: 45px 0;
}

.l-main--ver1 #curriculum div.border {
  margin: 15px 0 75px;
}

.l-main--ver1 #handmade div.border02 {
  background: url(/img/handmade/border02.png) no-repeat center 0;
  height: 24px;
  margin: 40px 0;
}

.l-main--ver1 #point h1,
.l-main--ver1 #curriculum h1 {
  color: #000;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  line-height: 1.6;
  background: url(/img/handmade/border.png) no-repeat center 0, url(/img/handmade/border.png) no-repeat center bottom;
  margin-top: 20px;
  padding: 25px 0;
  text-shadow: none;
}

.l-main--ver1 #point p,
.l-main--ver1 #curriculum p {
  font-size: 14px;
}

.l-main--ver1 #point .mT-30 {
  margin-top: -30px;
}

.l-main--ver1 #curriculum h2 {
  background: url(/img/handmade/border02.png) no-repeat left bottom;
  color: #000;
  font-size: 20px;
  font-weight: normal;
  text-shadow: none;
  padding: 0 0 25px 0;
  margin-bottom: 25px;
  height: auto;
}

.l-main--ver1 #curriculum h3 {
  background: none;
  color: #cc6600;
  font-size: 18px;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 0;
  padding: 0;
  height: auto;
}

.l-main--ver1 #curriculum .point-txt {
  margin-left: 130px;
}

.l-main--ver1 .monozukuri-nav li {
  background: url(/img/handmade/point.png) no-repeat right 20px center;
  background-color: #e68d00;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
}

.l-main--ver1 .monozukuri-nav li:last-child {
  border-bottom: none;
}

.l-main--ver1 .monozukuri-nav li.active {
  background-color: #ffc749;
  background-image: none;
}

.l-main--ver1 .monozukuri-nav li a {
  color: #FFF;
  display: block;
  padding: 25px 0;
}

.l-main--ver1 .monozukuri-nav li.active a {
  color: #603a18;
}

.l-main--ver1 .monozukuri-nav li a:hover {
  color: #603a18;
  text-decoration: none;
  background-color: #ffc749;
}

.l-main--ver1 .monozukuri-nav li.active a:hover {
  color: #603a18;
}

.l-main--ver1 #curriculum .lnav a {
  background: #fef7e6;
  color: #816830;
  height: 100%;
}

.l-main--ver1 #curriculum p.lead {
  color: #744d15;
  font-size: 15px;
  /*	font-weight: 700;	*/
  margin-bottom: 45px;
  text-align: center;
}

.l-main--ver1 .stitch ul {
  background: #fffde8;
  -webkit-box-shadow: 0px 0px 0px 10px #fffde8;
          box-shadow: 0px 0px 0px 10px #fffde8;
  /*線の外側*/
  border: dashed 2px #ffb03f;
  /*破線*/
  border-radius: 9px;
  margin-left: 10px;
  /*はみ出ないように調整*/
  margin-right: 10px;
  /*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.l-main--ver1 .stitch ul li {
  line-height: 1.5;
  padding: 0.5em 0;
}

.l-main--ver1 .handmade.secAbout h2,
.l-main--ver1 .handmade.secCurriculum h2, .l-main--ver1 .handmade.secCurriculum h3,
.l-main--ver1 .handmade.secWorks h2,
.l-main--ver1 .handmade.secLesson h2, .l-main--ver1 .handmade.secLesson h3,
.l-main--ver1 .handmade.secTransfer h2, .l-main--ver1 .handmade.secTransfer h3 {
  background: none;
  background-size: auto;
  color: inherit;
  height: auto;
  line-height: 1.2;
  margin: 0;
  min-height: inherit;
  padding: 0;
  text-shadow: none;
}

.l-main--ver1 .handmade.secCurriculum h2,
.l-main--ver1 .handmade.secWorks h2,
.l-main--ver1 .handmade.secLesson h2,
.l-main--ver1 .handmade.secTransfer h2 {
  background: #ec79ab;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 60px 0 30px;
  padding: 10px;
  text-align: center;
}

.l-main--ver1 .handmade.secMessage .ctr-pic img,
.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-pic img,
.l-main--ver1 .handmade.secLesson .ctr-debut .ctr-pic img,
.l-main--ver1 .handmade.secTransfer .ctr-pic img,
.l-main--ver1 .handmade.secTransfer .piclist li img {
  width: 100%;
}

.l-main--ver1 .handmade.secMessage {
  margin: 45px 0;
}

.l-main--ver1 .handmade.secMessage .ctr-txt {
  float: left;
  width: calc(100% - 330px);
}

.l-main--ver1 .handmade.secMessage .ctr-pic {
  float: right;
}

.l-main--ver1 .handmade.secMessage .ctr-txt .lead {
  font-size: 20px;
}

.l-main--ver1 .handmade.secAbout h2 {
  background: url(/img/handmade/about_ttl_ico.svg) no-repeat 75px 5px, url(/img/handmade/about_ttl_bg.svg) no-repeat center 0;
  background-size: 50px auto, contain;
  color: #fff;
  font-size: 28px;
  height: 80px;
  margin-top: -55px;
  padding: 15px 0 0 145px;
  position: relative;
  bottom: -55px;
}

.l-main--ver1 .handmade.secAbout h2 span {
  font-size: 16px;
  margin-left: 20px;
}

.l-main--ver1 .handmade.secAbout .ctr-txt {
  background: #f7f6e6;
  line-height: 1.8;
  padding: 20px 20px 5px;
  text-align: center;
}

.l-main--ver1 .handmade.secAbout .ctr-txt .lead {
  color: #ec78ac;
  font-size: 20px;
  font-weight: 700;
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-txt {
  margin-left: 20px;
  width: calc(100% - 200px);
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-pic {
  width: 180px;
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li h3 {
  color: #ec79ab;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.l-main--ver1 .handmade.secCurriculum .ctr-btn a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(/img/handmade/curriculum_btn.png) no-repeat center center;
  border-radius: 5px;
  -webkit-box-shadow: 0px 10px 0px #c7407d;
          box-shadow: 0px 10px 0px #c7407d;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto 60px;
  max-width: 100%;
  text-align: center;
  -webkit-transition: .2s all ease 0s;
  transition: .2s all ease 0s;
  width: 400px;
}

.l-main--ver1 .handmade.secCurriculum .ctr-btn a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

.l-main--ver1 .handmade.secWorks .ctr-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
}

.l-main--ver1 .handmade.secWorks .ctr-col2 li {
  margin-left: 10px;
  width: calc(50% - 10px);
}

.l-main--ver1 .handmade.secLesson .ctr-lesson ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}

.l-main--ver1 .handmade.secLesson .ctr-lesson li {
  margin: 0 0 20px 20px;
  width: calc(100% / 3 - 20px);
}

.l-main--ver1 .handmade.secLesson .ctr-debut {
  background: #f7f6e6;
  padding: 30px;
}

.l-main--ver1 .handmade.secLesson .ctr-debut h3 {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #fff), to(#fff));
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
  color: #ec79ab;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 5px;
  text-align: center;
}

.l-main--ver1 .handmade.secLesson .ctr-debut .ctr-txt {
  float: left;
  width: calc(100% - 250px);
}

.l-main--ver1 .handmade.secLesson .ctr-debut .ctr-pic {
  float: right;
}

.l-main--ver1 .handmade.secLesson .ctr-debut .piclist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0 0 -5px;
}

.l-main--ver1 .handmade.secLesson .ctr-debut .piclist li {
  margin-left: 5px;
  width: calc(100% / 3 - 5px);
}

.l-main--ver1 .handmade.secTransfer .ctr-txt {
  float: left;
  width: calc(100% - 260px);
}

.l-main--ver1 .handmade.secTransfer .ctr-pic {
  width: 230px;
  float: right;
}

.l-main--ver1 .handmade.secTransfer h3 {
  border: 2px solid #ec79ab;
  border-radius: 5px;
  color: #ec79ab;
  font-size: 16px;
  font-weight: 700;
  margin: 30px 0;
  padding: 10px;
  position: relative;
  text-align: center;
}

.l-main--ver1 .handmade.secTransfer h3:before,
.l-main--ver1 .handmade.secTransfer h3:after {
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #ec79ab transparent transparent transparent;
  content: "";
  height: 0;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 10px);
  width: 0;
}

.l-main--ver1 .handmade.secTransfer h3:after {
  border-width: 18px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
  bottom: -16px;
  left: calc(50% - 9px);
}

.l-main--ver1 .handmade.secTransfer .piclist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -30px;
}

.l-main--ver1 .handmade.secTransfer .piclist li {
  margin-left: 30px;
  width: calc(50% - 30px);
}

.l-main--ver1 .seminarWrap .flt-left img {
  /*	border: 1px solid #AAA;	*/
  margin-right: 20px;
}

.l-main--ver1 .seminarWrap table,
.l-main--ver1 .seminarWrap th,
.l-main--ver1 .seminarWrap td {
  border-color: #CCA880;
}

.l-main--ver1 .seminarWrap table {
  margin-top: 20px;
}

.l-main--ver1 .seminarWrap th {
  background: #F4ECE6;
}

.l-main--ver1 .seminarWrap td {
  background: #F4F2E6;
}

.l-main--ver1 .seminar.secList .thumb {
  border: 1px solid #ddd;
  float: left;
  height: 75px;
  overflow: hidden;
  position: relative;
  width: 153px;
}

.l-main--ver1 .seminar.secList .content {
  float: right;
  line-height: 1.3;
  width: calc(100% - 170px);
}

.l-main--ver1 .seminar.secList .thumb img {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.l-main--ver1 .seminar.secList .content strong {
  color: #0084b4;
  display: block;
  margin: 5px 0;
}

.l-main--ver1 .seminar.secList p.more {
  margin-top: -15px;
}

.l-main--ver1 .seminar.secList a.more {
  width: 20%;
}

.l-main--ver1 .teacherBox div.pic {
  float: left;
  width: 110px;
}

.l-main--ver1 .teacherBox dl {
  float: right;
  width: calc(100% - 260px);
  font-size: 90%;
}

.l-main--ver1 .teacherBox dt {
  font-weight: bold;
}

.l-main--ver1 .teacherBox dd {
  margin-bottom: 5px;
}

.l-main--ver1 .teacherBox dd img {
  border: 1px solid #CCC;
  margin-right: 5px;
}

.l-main--ver1 .teacherBox {
  margin-top: -100px;
  padding-top: 100px;
}

.l-main--ver1 .secCampaignFree {
  background: #FFF5E0;
  margin-bottom: 15px;
  padding: 10px;
}

.l-main--ver1 .secCampaignFree .pic {
  float: left;
  width: 240px;
}

.l-main--ver1 .secCampaignFree .txt {
  float: right;
  width: 450px;
}

.l-main--ver1 .spImg h1 {
  margin-bottom: 0px;
}

.l-main--ver1 .spImg h2 {
  margin-top: 10px;
}

.l-main--ver1 .secCampaign.btn ul {
  margin: 0 0 30px -20px;
}

.l-main--ver1 .secCampaign.btn li {
  float: left;
  margin-left: 20px;
}

.l-main--ver1 table.timetable {
  width: 100% !important;
}

.l-main--ver1 table.timetable * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l-main--ver1 table.timetable th {
  text-align: center;
  width: 100px !important;
}

.l-main--ver1 table.timetable td {
  vertical-align: middle;
  width: auto !important;
}

.l-main--ver1 .voiceBox {
  border-bottom: 2px dotted #CCC;
  margin-bottom: 15px;
  padding-bottom: 20px;
}

.l-main--ver1 dl.faq dt,
.l-main--ver1 dl.faq dd {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/ico_faq_q.png) no-repeat;
  font-weight: bold;
  margin-top: 15px;
  padding: 4px 0 2px 30px;
}

.l-main--ver1 dl.faq dd {
  background-image: url(/cms/wp-content/themes/art-schoolcojp/img/common/ico_faq_a.png);
  font-weight: normal;
  margin-top: 5px;
}

.l-main--ver1 .secFaq.list dt {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-main--ver1 .secFaq.list dt:after {
  content: "＋";
  font-weight: normal;
}

.l-main--ver1 .secFaq.list dt.current:after {
  content: "－";
}

.l-main--ver1 .secFaq.list dd {
  display: none;
}

.l-main--ver1 table.public {
  border: 0;
}

.l-main--ver1 table.public th,
.l-main--ver1 table.public td {
  border: 0;
  border-bottom: 1px dashed #AAA;
}

.l-main--ver1 table.public th {
  width: 210px;
}

.l-main--ver1 .contactBoard div.head {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/bg_board01.gif) no-repeat;
  background-size: 100%;
  height: 139px;
}

.l-main--ver1 .contactBoard div.body {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/bg_board02.gif);
  background-size: 100% auto;
}

.l-main--ver1 .contactBoard div.foot {
  background: url(/cms/wp-content/themes/art-schoolcojp/img/common/bg_board03.gif) no-repeat;
  height: 35px;
  background-size: 100%;
}

.l-main--ver1 .contactBoard table {
  margin: 0 auto;
  width: 600px;
}

.l-main--ver1 .postInterview .lead {
  background: #f0fde6;
  margin-bottom: 30px;
  padding: 20px 25px 5px;
}

.l-main--ver1 .postInterview .interview dt {
  color: #149f7d;
  font-size: 14px;
  margin: 25px 0 10px;
}

.l-main--ver1 .postInterview .profile {
  border: 5px solid #f0fde6;
  font-size: 12px;
  margin-top: 45px;
  padding: 20px 25px 5px;
}

.l-main--ver1 .postInterview .profile h5 {
  border-left: 3px solid #149f7d;
  color: #149f7d;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 2px 10px 1px;
}

.l-main--ver1 .postInterview .profile .pic {
  float: left;
  margin-bottom: 15px;
  width: 150px;
}

.l-main--ver1 .postInterview .profile .txt {
  float: right;
  width: 520px;
}

.l-main--ver1 article header li {
  float: right;
  font-size: 13px;
}

.l-main--ver1 article header li a {
  border-left: 1px solid #AAA;
  margin-left: 10px;
  padding-left: 10px;
}

.l-main--ver1 body.archive article h2,
.l-main--ver1 body.page article h2 {
  font-size: 109.1%;
}

.l-main--ver1 body.category-info article,
.l-main--ver1 body.category-collection article,
.l-main--ver1 .news article,
.l-main--ver1 article.archive {
  border-bottom: 2px dotted #AAA;
  /*	height: 77px;	*/
  overflow: hidden;
  padding: 15px 0;
}

.l-main--ver1 article.archive .thumb {
  border: 1px solid #ccc;
  float: left;
  height: 75px;
  margin-right: 8px;
  overflow: hidden;
  width: 153px;
}

.l-main--ver1 article.archive .thumb img {
  width: 100%;
}

.l-main--ver1 .secCategory {
  border-bottom: 2px dotted #aaa;
  font-size: 11px;
  padding: 15px 0;
}

.l-main--ver1 .secCategory:first-of-type {
  border-top: 2px dotted #aaa;
}

.l-main--ver1 .secCategory img {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #ccc;
  float: left;
  height: 75px;
  margin-right: 18px;
  width: auto;
}

.l-main--ver1 .secCategory h2 {
  font-size: 12px;
}

.l-main--ver1 .secCategory p {
  margin-bottom: 0;
}

.l-main--ver1 div.wp-caption .wp-caption-text {
  color: #999;
  font-size: 12px;
  margin-top: 5px;
}

.l-main--ver1 .hpcompe {
  font-size: 120%;
}

.l-main--ver1 .hpcompe img {
  margin-bottom: 15px;
  border: 1px dashed #AAA;
}

.l-main--ver1 #voice {
  background: #FFF9EE;
}

.l-main--ver1 li.boy {
  background: url(https://www.art-school.co.jp/img/price/anytime_bg_boy.png) no-repeat;
}

.l-main--ver1 li.boy p {
  padding: 30px 25px 10px 100px;
}

.l-main--ver1 li.girl {
  background: url(https://www.art-school.co.jp/img/price/anytime_bg_girl.png) no-repeat;
}

.l-main--ver1 li.girl p {
  padding: 30px 100px 10px 30px;
}

.l-main--ver1 li.artbg,
.l-main--ver1 li.dessanbg {
  margin-bottom: 30px;
}

.l-main--ver1 li.artbg dl,
.l-main--ver1 li.dessanbg dl {
  padding: 0 20px;
}

.l-main--ver1 li.artbg dt,
.l-main--ver1 li.dessanbg dt {
  background: url(/img/price/anytime_bg_title.png) no-repeat 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ff0000;
  font-size: 24px;
  font-weight: 700;
  margin-left: -10px;
  height: 58px;
  padding: 8px 0 0 20px;
  position: relative;
  width: 90%;
}

.l-main--ver1 li.artbg dd,
.l-main--ver1 li.dessanbg dd {
  background: #5fc1c8;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-top: -18px;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .l-main--ver1 li.artbg dt,
  .l-main--ver1 li.dessanbg dt {
    font-size: 20px;
    padding-top: 10px;
  }
  .l-main--ver1 li.artbg dd,
  .l-main--ver1 li.dessanbg dd {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {
  .l-main--ver1 li.artbg dt,
  .l-main--ver1 li.dessanbg dt {
    background-size: 100% 100% !important;
  }
}

.l-main--ver1 .seminar_image li {
  width: 32.8767123%;
  float: left;
}

.l-main--ver1 .semi_mr5 {
  margin-right: 0.6849315%;
}

.l-main--ver1 .handmade.secAbout h2,
.l-main--ver1 .handmade.secCurriculum h2, .l-main--ver1 .handmade.secCurriculum h3,
.l-main--ver1 .handmade.secWorks h2,
.l-main--ver1 .handmade.secLesson h2, .l-main--ver1 .handmade.secLesson h3,
.l-main--ver1 .handmade.secTransfer h2, .l-main--ver1 .handmade.secTransfer h3 {
  background: none;
  background-size: auto;
  color: inherit;
  height: auto;
  line-height: 1.2;
  margin: 0;
  min-height: inherit;
  padding: 0;
  text-shadow: none;
}

.l-main--ver1 .handmade.secCurriculum h2,
.l-main--ver1 .handmade.secWorks h2,
.l-main--ver1 .handmade.secLesson h2,
.l-main--ver1 .handmade.secTransfer h2 {
  background: #ec79ab;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 60px 0 30px;
  padding: 10px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .l-main--ver1 .handmade.secCurriculum h2,
  .l-main--ver1 .handmade.secWorks h2,
  .l-main--ver1 .handmade.secLesson h2,
  .l-main--ver1 .handmade.secTransfer h2 {
    font-size: 20px;
  }
}

.l-main--ver1 .handmade.secMessage .ctr-pic img,
.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-pic img,
.l-main--ver1 .handmade.secLesson .ctr-debut .ctr-pic img,
.l-main--ver1 .handmade.secTransfer .ctr-pic img,
.l-main--ver1 .handmade.secTransfer .piclist li img {
  width: 100%;
}

.l-main--ver1 .handmade.secMessage {
  margin: 45px 0;
}

.l-main--ver1 .handmade.secMessage .ctr-txt {
  float: left;
  width: calc(100% - 330px);
}

.l-main--ver1 .handmade.secMessage .ctr-pic {
  float: right;
}

.l-main--ver1 .handmade.secMessage .ctr-txt .lead {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .l-main--ver1 .handmade.secMessage .ctr-txt {
    width: calc(100% - 220px);
  }
  .l-main--ver1 .handmade.secMessage .ctr-pic {
    width: 200px;
  }
}

@media screen and (max-width: 640px) {
  .l-main--ver1 .handmade.secMessage .ctr-txt,
  .l-main--ver1 .handmade.secMessage .ctr-pic {
    width: 100%;
  }
  .l-main--ver1 .handmade.secMessage .ctr-txt .lead {
    font-size: 18px;
  }
}

.l-main--ver1 .handmade.secKey img {
  width: 100%;
}

.l-main--ver1 .handmade.secAbout h2 {
  background: url(/img/handmade/about_ttl_ico.svg) no-repeat 205px 5px, url(/img/handmade/about_ttl_bg.svg) no-repeat center 0;
  background-size: 50px auto, contain;
  color: #fff;
  font-size: 28px;
  height: 80px;
  margin-top: -55px;
  padding: 15px 0 0 265px;
  position: relative;
  bottom: -55px;
}

.l-main--ver1 .handmade.secAbout h2 span {
  font-size: 16px;
  margin-left: 20px;
}

.l-main--ver1 .handmade.secAbout .ctr-txt {
  background: #f7f6e6;
  line-height: 1.8;
  padding: 20px 20px 5px;
  text-align: center;
}

.l-main--ver1 .handmade.secAbout .ctr-pic img {
  width: 100%;
}

.l-main--ver1 .handmade.secAbout .ctr-txt .lead {
  color: #ec78ac;
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .l-main--ver1 .handmade.secAbout h2 {
    background-position: 60px 5px, center 0;
    background-size: 35px auto, 100% 100%;
    font-size: 22px;
    margin-top: -50px;
    padding: 10px 0 0 110px;
    bottom: -50px;
  }
  .l-main--ver1 .handmade.secAbout h2 span {
    font-size: 14px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 640px) {
  .l-main--ver1 .handmade.secAbout h2 {
    background-position: 40px 3px, center 0;
    background-size: 25px auto, contain;
    font-size: 18px;
    height: 40px;
    margin-top: -25px;
    padding: 5px 0 0 75px;
    bottom: -25px;
  }
  .l-main--ver1 .handmade.secAbout h2 span {
    display: none;
  }
  .l-main--ver1 .handmade.secAbout .ctr-txt {
    text-align: left;
  }
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-txt {
  margin-left: 20px;
  width: calc(100% - 200px);
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-pic {
  width: 180px;
}

.l-main--ver1 .handmade.secCurriculum .ctr-curriculum li h3 {
  color: #ec79ab;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.l-main--ver1 .handmade.secCurriculum .ctr-btn a,
.l-main--ver1 .handmade.secNavigation a,
.l-main--ver1 a.mod-btn-push-pink {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(/img/handmade/curriculum_btn.png) no-repeat center center;
  background-size: cover;
  border-radius: 5px;
  -webkit-box-shadow: 0px 10px 0px #c7407d;
          box-shadow: 0px 10px 0px #c7407d;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto 60px;
  max-width: 100%;
  text-align: center;
  -webkit-transition: .2s all ease 0s;
  transition: .2s all ease 0s;
  width: 80%;
}

.l-main--ver1 .handmade.secCurriculum .ctr-btn a:hover,
.l-main--ver1 .handmade.secNavigation a:hover,
.l-main--ver1 a.mod-btn-push-pink:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

@media screen and (max-width: 640px) {
  .l-main--ver1 .handmade.secCurriculum .center {
    text-align: left !important;
  }
  .l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-txt,
  .l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-pic {
    margin-left: 0;
    width: 100%;
  }
  .l-main--ver1 .handmade.secCurriculum .ctr-btn a,
  .l-main--ver1 .handmade.secNavigation a,
  .l-main--ver1 a.mod-btn-push-pink {
    font-size: 18px;
    line-height: 1.3;
    width: 100%;
  }
}

.l-main--ver1 .handmade.secWorks .ctr-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
}

.l-main--ver1 .handmade.secWorks .ctr-col2 li {
  margin-left: 10px;
  width: calc(50% - 10px);
}

@media screen and (max-width: 640px) {
  .l-main--ver1 .handmade.secWorks .center {
    text-align: left !important;
  }
  .l-main--ver1 .handmade.secWorks .mT30 {
    margin-top: 15px !important;
  }
  .l-main--ver1 .handmade.secWorks .mB30 {
    margin-bottom: 15px !important;
  }
}

.l-main--ver1 .handmade.secLesson .ctr-lesson ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}

.l-main--ver1 .handmade.secLesson .ctr-lesson li {
  margin: 0 0 20px 20px;
  width: calc(100% / 3 - 20px);
}

.l-main--ver1 .handmade.secLesson .ctr-debut {
  background: #f7f6e6;
  padding: 30px;
}

.l-main--ver1 .handmade.secLesson .ctr-debut h3 {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #fff), to(#fff));
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
  color: #ec79ab;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 5px;
  text-align: center;
}

.l-main--ver1 .handmade.secLesson .ctr-debut .ctr-txt {
  float: left;
  width: calc(100% - 250px);
}

.l-main--ver1 .handmade.secLesson .ctr-debut .ctr-pic {
  float: right;
}

.l-main--ver1 .handmade.secLesson .ctr-debut .piclist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0 0 -5px;
}

.l-main--ver1 .handmade.secLesson .ctr-debut .piclist li {
  margin-left: 5px;
  width: calc(100% / 3 - 5px);
}

@media screen and (max-width: 640px) {
  .l-main--ver1 .handmade.secLesson .ctr-lesson ul {
    margin-left: -10px;
  }
  .l-main--ver1 .handmade.secLesson .ctr-lesson li {
    margin: 0 0 10px 10px;
    width: calc(100% / 2 - 10px);
  }
  .l-main--ver1 .handmade.secLesson .ctr-debut h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .l-main--ver1 .handmade.secLesson .ctr-debut .ctr-txt,
  .l-main--ver1 .handmade.secLesson .ctr-debut .ctr-pic {
    width: 100%;
  }
}

.l-main--ver1 .handmade.secTransfer .ctr-txt {
  float: left;
  width: calc(100% - 260px);
}

.l-main--ver1 .handmade.secTransfer .ctr-pic {
  width: 230px;
  float: right;
}

.l-main--ver1 .handmade.secTransfer h3 {
  border: 2px solid #ec79ab;
  border-radius: 5px;
  color: #ec79ab;
  font-size: 16px;
  font-weight: 700;
  margin: 30px 0;
  padding: 10px;
  position: relative;
  text-align: center;
}

.l-main--ver1 .handmade.secTransfer h3:before,
.l-main--ver1 .handmade.secTransfer h3:after {
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #ec79ab transparent transparent transparent;
  content: "";
  height: 0;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 10px);
  width: 0;
}

.l-main--ver1 .handmade.secTransfer h3:after {
  border-width: 18px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
  bottom: -16px;
  left: calc(50% - 9px);
}

.l-main--ver1 .handmade.secTransfer .piclist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -30px;
}

.l-main--ver1 .handmade.secTransfer .piclist li {
  margin-left: 30px;
  width: calc(50% - 30px);
}

@media screen and (max-width: 640px) {
  .l-main--ver1 .handmade.secTransfer .ctr-txt,
  .l-main--ver1 .handmade.secTransfer .ctr-pic {
    width: 100%;
  }
  .l-main--ver1 .handmade.secTransfer .piclist li {
    margin-bottom: 15px;
    width: calc(100% - 30px);
  }
}

.l-main--ver1 .handmade.secNavigation {
  margin-top: 60px;
}

.l-main--ver1 .handmade.secNavigation a.mod-btn-push-pink {
  margin: 0 auto 30px;
}

.l-main--ver1 .mT0 {
  margin-top: 0 !important;
}

.l-main--ver1 .mT5 {
  margin-top: 5px !important;
}

.l-main--ver1 .mT10 {
  margin-top: 10px !important;
}

.l-main--ver1 .mT15 {
  margin-top: 15px !important;
}

.l-main--ver1 .mT20 {
  margin-top: 20px !important;
}

.l-main--ver1 .mT25 {
  margin-top: 25px !important;
}

.l-main--ver1 .mT30 {
  margin-top: 30px !important;
}

.l-main--ver1 .mT35 {
  margin-top: 35px !important;
}

.l-main--ver1 .mT40 {
  margin-top: 40px !important;
}

.l-main--ver1 .mT45 {
  margin-top: 45px !important;
}

.l-main--ver1 .mT50 {
  margin-top: 50px !important;
}

.l-main--ver1 .mT55 {
  margin-top: 55px !important;
}

.l-main--ver1 .mT60 {
  margin-top: 60px !important;
}

.l-main--ver1 .mT65 {
  margin-top: 65px !important;
}

.l-main--ver1 .mT70 {
  margin-top: 70px !important;
}

.l-main--ver1 .mT75 {
  margin-top: 75px !important;
}

.l-main--ver1 .mT80 {
  margin-top: 80px !important;
}

.l-main--ver1 .mT85 {
  margin-top: 85px !important;
}

.l-main--ver1 .mT90 {
  margin-top: 90px !important;
}

.l-main--ver1 .mT95 {
  margin-top: 95px !important;
}

.l-main--ver1 .mT100 {
  margin-top: 100px !important;
}

.l-main--ver1 .mB0 {
  margin-bottom: 0 !important;
}

.l-main--ver1 .mB5 {
  margin-bottom: 5px !important;
}

.l-main--ver1 .mB10 {
  margin-bottom: 10px !important;
}

.l-main--ver1 .mB15 {
  margin-bottom: 15px !important;
}

.l-main--ver1 .mB20 {
  margin-bottom: 20px !important;
}

.l-main--ver1 .mB25 {
  margin-bottom: 25px !important;
}

.l-main--ver1 .mB30 {
  margin-bottom: 30px !important;
}

.l-main--ver1 .mB35 {
  margin-bottom: 35px !important;
}

.l-main--ver1 .mB40 {
  margin-bottom: 40px !important;
}

.l-main--ver1 .mB45 {
  margin-bottom: 45px !important;
}

.l-main--ver1 .mB50 {
  margin-bottom: 50px !important;
}

.l-main--ver1 .mB55 {
  margin-bottom: 55px !important;
}

.l-main--ver1 .mB60 {
  margin-bottom: 60px !important;
}

.l-main--ver1 .mB65 {
  margin-bottom: 65px !important;
}

.l-main--ver1 .mB70 {
  margin-bottom: 70px !important;
}

.l-main--ver1 .mB75 {
  margin-bottom: 75px !important;
}

.l-main--ver1 .mB80 {
  margin-bottom: 80px !important;
}

.l-main--ver1 .mB85 {
  margin-bottom: 85px !important;
}

.l-main--ver1 .mB90 {
  margin-bottom: 90px !important;
}

.l-main--ver1 .mB95 {
  margin-bottom: 95px !important;
}

.l-main--ver1 .mB100 {
  margin-bottom: 100px !important;
}

.l-main--ver1 .mL0 {
  margin-left: 0 !important;
}

.l-main--ver1 .mL5 {
  margin-left: 5px !important;
}

.l-main--ver1 .mL10 {
  margin-left: 10px !important;
}

.l-main--ver1 .mL15 {
  margin-left: 15px !important;
}

.l-main--ver1 .mL20 {
  margin-left: 20px !important;
}

.l-main--ver1 .mL25 {
  margin-left: 25px !important;
}

.l-main--ver1 .mL30 {
  margin-left: 30px !important;
}

.l-main--ver1 .mL35 {
  margin-left: 35px !important;
}

.l-main--ver1 .mL40 {
  margin-left: 40px !important;
}

.l-main--ver1 .mL45 {
  margin-left: 45px !important;
}

.l-main--ver1 .mL50 {
  margin-left: 50px !important;
}

.l-main--ver1 .mL55 {
  margin-left: 55px !important;
}

.l-main--ver1 .mL60 {
  margin-left: 60px !important;
}

.l-main--ver1 .mL65 {
  margin-left: 65px !important;
}

.l-main--ver1 .mL70 {
  margin-left: 70px !important;
}

.l-main--ver1 .mL75 {
  margin-left: 75px !important;
}

.l-main--ver1 .mL80 {
  margin-left: 80px !important;
}

.l-main--ver1 .mL85 {
  margin-left: 85px !important;
}

.l-main--ver1 .mL90 {
  margin-left: 90px !important;
}

.l-main--ver1 .mL95 {
  margin-left: 95px !important;
}

.l-main--ver1 .mL100 {
  margin-left: 100px !important;
}

.l-main--ver1 .mL10P {
  margin-left: 10% !important;
}

.l-main--ver1 .mR0 {
  margin-right: 0 !important;
}

.l-main--ver1 .mR5 {
  margin-right: 5px !important;
}

.l-main--ver1 .mR10 {
  margin-right: 10px !important;
}

.l-main--ver1 .mR15 {
  margin-right: 15px !important;
}

.l-main--ver1 .mR20 {
  margin-right: 20px !important;
}

.l-main--ver1 .mR25 {
  margin-right: 25px !important;
}

.l-main--ver1 .mR30 {
  margin-right: 30px !important;
}

.l-main--ver1 .mR35 {
  margin-right: 35px !important;
}

.l-main--ver1 .mR40 {
  margin-right: 40px !important;
}

.l-main--ver1 .mR45 {
  margin-right: 45px !important;
}

.l-main--ver1 .mR50 {
  margin-right: 50px !important;
}

.l-main--ver1 .mR55 {
  margin-right: 55px !important;
}

.l-main--ver1 .mR60 {
  margin-right: 60px !important;
}

.l-main--ver1 .mR65 {
  margin-right: 65px !important;
}

.l-main--ver1 .mR70 {
  margin-right: 70px !important;
}

.l-main--ver1 .mR75 {
  margin-right: 75px !important;
}

.l-main--ver1 .mR80 {
  margin-right: 80px !important;
}

.l-main--ver1 .mR85 {
  margin-right: 85px !important;
}

.l-main--ver1 .mR90 {
  margin-right: 90px !important;
}

.l-main--ver1 .mR95 {
  margin-right: 95px !important;
}

.l-main--ver1 .mR100 {
  margin-right: 100px !important;
}

.l-main--ver1 .mR10P {
  margin-right: 10% !important;
}

.l-main--ver1 .pT0 {
  padding-top: 0 !important;
}

.l-main--ver1 .pT5 {
  padding-top: 5px !important;
}

.l-main--ver1 .pT10 {
  padding-top: 10px !important;
}

.l-main--ver1 .pT15 {
  padding-top: 15px !important;
}

.l-main--ver1 .pT20 {
  padding-top: 20px !important;
}

.l-main--ver1 .pT25 {
  padding-top: 25px !important;
}

.l-main--ver1 .pT30 {
  padding-top: 30px !important;
}

.l-main--ver1 .pT35 {
  padding-top: 35px !important;
}

.l-main--ver1 .pT40 {
  padding-top: 40px !important;
}

.l-main--ver1 .pT45 {
  padding-top: 45px !important;
}

.l-main--ver1 .pT50 {
  padding-top: 50px !important;
}

.l-main--ver1 .pT55 {
  padding-top: 55px !important;
}

.l-main--ver1 .pT60 {
  padding-top: 60px !important;
}

.l-main--ver1 .pT65 {
  padding-top: 65px !important;
}

.l-main--ver1 .pT70 {
  padding-top: 70px !important;
}

.l-main--ver1 .pT75 {
  padding-top: 75px !important;
}

.l-main--ver1 .pT80 {
  padding-top: 80px !important;
}

.l-main--ver1 .pT85 {
  padding-top: 85px !important;
}

.l-main--ver1 .pT90 {
  padding-top: 90px !important;
}

.l-main--ver1 .pT95 {
  padding-top: 95px !important;
}

.l-main--ver1 .pT100 {
  padding-top: 100px !important;
}

.l-main--ver1 .pB0 {
  padding-bottom: 0 !important;
}

.l-main--ver1 .pB5 {
  padding-bottom: 5px !important;
}

.l-main--ver1 .pB10 {
  padding-bottom: 10px !important;
}

.l-main--ver1 .pB15 {
  padding-bottom: 15px !important;
}

.l-main--ver1 .pB20 {
  padding-bottom: 20px !important;
}

.l-main--ver1 .pB25 {
  padding-bottom: 25px !important;
}

.l-main--ver1 .pB30 {
  padding-bottom: 30px !important;
}

.l-main--ver1 .pB35 {
  padding-bottom: 35px !important;
}

.l-main--ver1 .pB40 {
  padding-bottom: 40px !important;
}

.l-main--ver1 .pB45 {
  padding-bottom: 45px !important;
}

.l-main--ver1 .pB50 {
  padding-bottom: 50px !important;
}

.l-main--ver1 .pB55 {
  padding-bottom: 55px !important;
}

.l-main--ver1 .pB60 {
  padding-bottom: 60px !important;
}

.l-main--ver1 .pB65 {
  padding-bottom: 65px !important;
}

.l-main--ver1 .pB70 {
  padding-bottom: 70px !important;
}

.l-main--ver1 .pB75 {
  padding-bottom: 75px !important;
}

.l-main--ver1 .pB80 {
  padding-bottom: 80px !important;
}

.l-main--ver1 .pB85 {
  padding-bottom: 85px !important;
}

.l-main--ver1 .pB90 {
  padding-bottom: 90px !important;
}

.l-main--ver1 .pB95 {
  padding-bottom: 95px !important;
}

.l-main--ver1 .pB100 {
  padding-bottom: 100px !important;
}

.l-main--ver1 .pL5 {
  padding-left: 5px;
}

.l-main--ver1 .pL10 {
  padding-left: 10px;
}

.l-main--ver1 .pL15 {
  padding-left: 15px;
}

.l-main--ver1 .pL20 {
  padding-left: 20px;
}

.l-main--ver1 .pR5 {
  padding-right: 5px;
}

.l-main--ver1 .pR10 {
  padding-right: 10px;
}

.l-main--ver1 .pR15 {
  padding-right: 15px;
}

.l-main--ver1 .pR20 {
  padding-right: 20px;
}

.l-main--ver1 .pA10 {
  padding: 10px;
}

.l-main--ver1 .w40 {
  width: 40px !important;
}

.l-main--ver1 .w50 {
  width: 50px !important;
}

.l-main--ver1 .w90 {
  width: 90px !important;
}

.l-main--ver1 .w100 {
  width: 100px !important;
}

.l-main--ver1 .w140 {
  width: 140px !important;
}

.l-main--ver1 .w150 {
  width: 150px !important;
}

.l-main--ver1 .w160 {
  width: 160px !important;
}

.l-main--ver1 .w180 {
  width: 180px !important;
}

.l-main--ver1 .w200 {
  width: 200px;
}

.l-main--ver1 .w250 {
  width: 250px;
}

.l-main--ver1 .w270 {
  width: 270px !important;
}

.l-main--ver1 .w280 {
  width: 280px !important;
}

.l-main--ver1 .w290 {
  width: 290px !important;
}

.l-main--ver1 .w300 {
  width: 300px !important;
}

.l-main--ver1 .w310 {
  width: 310px;
}

.l-main--ver1 .w330 {
  width: 330px !important;
}

.l-main--ver1 .w340 {
  width: 340px !important;
}

.l-main--ver1 .w350 {
  width: 350px !important;
}

.l-main--ver1 .w360 {
  width: 360px !important;
}

.l-main--ver1 .w365 {
  width: 365px !important;
}

.l-main--ver1 .w400 {
  width: 400px;
}

.l-main--ver1 .w430 {
  width: 430px !important;
}

.l-main--ver1 .w450 {
  width: 450px;
}

.l-main--ver1 .w500 {
  width: 500px !important;
}

.l-main--ver1 .w550 {
  width: 550px !important;
}

.l-main--ver1 .w560 {
  width: 560px !important;
}

.l-main--ver1 .w570 {
  width: 570px !important;
}

.l-main--ver1 .w580 {
  width: 580px !important;
}

.l-main--ver1 .w590 {
  width: 590px !important;
}

.l-main--ver1 .w600 {
  width: 600px !important;
}

.l-main--ver1 .w630 {
  width: 630px !important;
}

.l-main--ver1 .w730 {
  width: 730px !important;
}

.l-main--ver1 .h50 {
  height: 50px !important;
}

.l-main--ver1 .h80 {
  height: 80px !important;
}

.l-main--ver1 .h100 {
  height: 100px !important;
}

.l-main--ver1 .h120 {
  height: 120px !important;
}

.l-main--ver1 .h150 {
  height: 150px !important;
}

.l-main--ver1 .h170 {
  height: 170px !important;
}

.l-main--ver1 .h200 {
  height: 200px !important;
}

.l-main--ver1 .h220 {
  height: 220px !important;
}

.l-main--ver1 .h240 {
  height: 240px !important;
}

.l-main--ver1 .h250 {
  height: 250px !important;
}

.l-main--ver1 .h260 {
  height: 260px !important;
}

.l-main--ver1 .h270 {
  height: 270px !important;
}

.l-main--ver1 .h320 {
  height: 320px !important;
}

.l-main--ver1 .h490 {
  height: 490px !important;
}

.l-main--ver1 .h500 {
  height: 500px !important;
}

.l-main--ver1 .h520 {
  height: 520px !important;
}

.l-main--ver1 .h700 {
  height: 700px !important;
}

.l-main--ver1 .h800 {
  height: 800px !important;
}

.l-main--ver1 .h900 {
  height: 900px !important;
}

.l-main--ver1 .h1000 {
  height: 1000px !important;
}

.l-main--ver1 .w33P {
  width: 33%;
  margin: 0 auto;
}

.l-main--ver1 .w50P {
  width: 50%;
  margin: 0 auto;
}

.l-main--ver1 .w80P {
  width: 80%;
  margin: 0 auto;
}

.l-main--ver1 .w90P {
  width: 90%;
  margin: 0 auto;
}

.l-main--ver1 .pcw140 {
  width: 140px;
}

.l-main--ver1 .pcw150 {
  width: 150px;
}

.l-main--ver1 .d-inline-block {
  display: inline-block;
}

.l-main--ver1 .txt-red {
  color: #CC0000;
}

.l-main--ver1 .txt-80p {
  font-size: 80%;
}

.l-main--ver1 .txt-90p {
  font-size: 90%;
}

.l-main--ver1 .txt-120p {
  font-size: 120%;
}

.l-main--ver1 .left {
  text-align: left;
}

.l-main--ver1 .right {
  text-align: right;
}

.l-main--ver1 .center {
  text-align: center;
}

.l-main--ver1 .fltLeft, .l-main--ver1 .flt-left {
  float: left;
}

.l-main--ver1 .flt-right {
  float: right;
}

.l-main--ver1 .clear {
  clear: both;
}

.l-main--ver1 .bnr-1col li {
  margin-bottom: 5px;
}

.l-main--ver1 .bnr-2col {
  margin-left: -10px;
}

.l-main--ver1 .bnr-2col li {
  float: left;
  margin: 0 0 10px 10px;
  width: 360px;
}

.l-main--ver1 .bnr-3col, .l-main--ver1 .box-3col {
  width: 740px;
}

.l-main--ver1 .bnr-3col li,
.l-main--ver1 .box-3col li {
  float: left;
  margin: 0 9px 10px 0;
  width: 237px;
}

.l-main--ver1 .horizontal li {
  display: table-cell;
  vertical-align: top;
}

.l-main--ver1 .horizontal li:first-child {
  padding-left: 0 !important;
}

.l-main--ver1 .horizontal.col2 li {
  padding-left: 20px;
  width: 355px;
}

.l-main--ver1 .horizontal.col3 li {
  padding-left: 20px;
  width: 230px;
}

.l-main--ver1 .horizontal li img {
  max-width: 100%;
  width: 100%;
}

.l-main--ver1 .box-palePink {
  background: #FFF5E0;
  padding: 10px;
}

.l-main--ver1 .Border {
  border-bottom: 4px double #4A4A4A;
}

.l-main--ver1 .frame {
  background: #FFFDE3;
  border: #ff8635 solid 40px;
  border-width: 40px;
  /* Safari and Chrome */
  -o-border-image: url("/img/public/frame01.png") 40 40 round;
  /* Opera */
  border-image: url("/img/public/frame01.png") 40 40 round;
}

.l-main--ver1 .frame2 {
  border: #e0e0e0 solid 2px;
  background: #FFFFFF;
}

.l-main--ver1 .bgcW {
  background: #FFFFFF;
}

.l-main--ver1 .box-4col li {
  float: left;
  width: 176.25px;
  height: 250px;
  overflow: hidden;
  display: inline;
}

@media screen and (max-width: 768px) {
  .l-main--ver1 {
    /*━━━━━━━━━━━━━━━━━━━━━━━━━
  contents.css
━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /* ローカルナビ */
    /*------------------------------
  HOME
------------------------------*/
    /*** スライダー ***/
    /*------------------------------
  学校案内
------------------------------*/
    /*------------------------------
  LP 3ページ
------------------------------*/
    /*** 共通 ***/
    /* ローカルナビ */
    /*** 大阪梅田の習い事なら ***/
    /* メインビジュアル */
    /* アートスクールについて */
    /* 選ぶ理由 */
    /* スケジュール */
    /* メッセージ */
    /*** 振替制度について ***/
    /* 詳細 */
    /*------------------------------
  コース紹介
------------------------------*/
    /* 基礎デッサンコース */
    /* アートイラストコース */
    /* 絵本コース */
    /* マンガコース */
    /* コミックコース */
    /* 版画コース */
    /* 公募入選・受賞 */
    /*------------------------------
  ハンドメイド モノづくりコース
------------------------------*/
    /* ものづくり */
    /* メニュー */
    /* バナー */
    /*------------------------------
  ハンドメイドコース
------------------------------*/
    /* メッセージ */
    /* コース紹介 */
    /*------------------------------
  セミナー紹介
------------------------------*/
    /*------------------------------
  キャンペーン料金
------------------------------*/
    /*------------------------------
  講師紹介
------------------------------*/
    /*------------------------------
  受講生の声
------------------------------*/
    /*------------------------------
  交通アクセス
------------------------------*/
    /*.accessBox .flt-right img { width: 100%; }*/
    /*------------------------------
  無料体験
------------------------------*/
    /*------------------------------
  ブログ
------------------------------*/
    /*.home.blog.secInfo.secBlog li img { width: calc(100% + 42px); }*/
    /*━━━━━━━━━━━━━━━━━━━━━━━━━
  useful.css
━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /* カラム（バナー） */
    /* フリー受講 */
  }
  .l-main--ver1 .pc,
  .l-main--ver1 .sp {
    display: none;
  }
  .l-main--ver1 .tl {
    display: block;
  }
  .l-main--ver1 img.tl,
  .l-main--ver1 span.tl {
    display: inline;
  }
  .l-main--ver1 .lnav li {
    width: calc(100% / 2 - 5px);
  }
  .l-main--ver1 #key .wrapper {
    width: calc(300% + 20px);
  }
  .l-main--ver1 .aboutFeature h3,
  .l-main--ver1 .aboutFeature div.txt {
    float: none;
    width: 100%;
  }
  .l-main--ver1 .aboutLecture div.boxIn .photo {
    width: 25%;
  }
  .l-main--ver1 .aboutLecture div.boxIn .profile {
    float: right;
    margin: 0 0 10px 0;
    width: 70%;
  }
  .l-main--ver1 .aboutLecture div.boxIn .message {
    border: 0;
    border-top: 2px dotted #8DCCD3;
    clear: both;
    float: none;
    padding: 10px 0 0;
    width: inherit;
  }
  .l-main--ver1 .feature.localNav ul,
  .l-main--ver1 .suspension.localNav ul,
  .l-main--ver1 .transfer.localNav ul {
    margin-left: -20px;
  }
  .l-main--ver1 .feature.localNav li,
  .l-main--ver1 .suspension.localNav li,
  .l-main--ver1 .transfer.localNav li {
    margin-left: 20px;
    width: calc(100% / 3 - 20px);
  }
  .l-main--ver1 .feature.localNav a, .l-main--ver1 .feature.localNav span,
  .l-main--ver1 .suspension.localNav a, .l-main--ver1 .suspension.localNav span,
  .l-main--ver1 .transfer.localNav a, .l-main--ver1 .transfer.localNav span {
    padding-left: 40px;
  }
  .l-main--ver1 .feature.localNav a:before, .l-main--ver1 .feature.localNav span:before,
  .l-main--ver1 .suspension.localNav a:before, .l-main--ver1 .suspension.localNav span:before,
  .l-main--ver1 .transfer.localNav a:before, .l-main--ver1 .transfer.localNav span:before {
    height: 30px;
    margin-left: -40px;
    width: 30px;
  }
  .l-main--ver1 .feature.secVisual h1 {
    font-size: 24px;
    bottom: -40px;
  }
  .l-main--ver1 .feature.secVisual h1 strong {
    font-size: 32px;
  }
  .l-main--ver1 .feature.secVisual h2 {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secVisual .ctr-pic,
  .l-main--ver1 .feature.secVisual .ctr-balloon {
    float: none;
    width: 100%;
  }
  .l-main--ver1 .feature.secVisual .ctr-pic img {
    width: 40%;
  }
  .l-main--ver1 .feature.secVisual .ctr-balloon li {
    font-size: 18px;
    margin: 0 0 20px 65px;
    width: calc(100% - 65px);
  }
  .l-main--ver1 .feature.secVisual .ctr-balloon li:before {
    border-color: transparent transparent #fff transparent;
    border-width: 0 7.5px 10px 7.5px;
    top: -10px;
    left: calc(50% - 7.5px);
  }
  .l-main--ver1 .feature.secVisual .ctr-balloon li:nth-of-type(2) {
    margin-left: 0;
  }
  .l-main--ver1 .feature.secAbout {
    font-size: 20px;
    margin-top: 100px;
  }
  .l-main--ver1 .feature.secAbout p.lead span.ico {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    width: 50px;
  }
  .l-main--ver1 .feature.secAbout p.lead strong.ttl {
    font-size: 28px;
  }
  .l-main--ver1 .feature.secAbout p.lead strong.marker {
    font-size: 40px;
  }
  .l-main--ver1 .feature.secAbout ul li {
    font-size: 18px;
  }
  .l-main--ver1 .feature.secReason h2 {
    font-size: 18px;
  }
  .l-main--ver1 .feature.secReason h2 > * {
    font-size: 24px;
  }
  .l-main--ver1 .feature.secReason li {
    background-position: 0 0;
    font-size: 18px;
  }
  .l-main--ver1 .feature.secSchedule {
    margin-top: 70px;
  }
  .l-main--ver1 .feature.secSchedule .problem {
    padding: 20px;
  }
  .l-main--ver1 .feature.secSchedule .problem .ctr-pic {
    width: 30%;
  }
  .l-main--ver1 .feature.secSchedule .worker .problem .ctr-pic {
    margin-top: -40px;
  }
  .l-main--ver1 .feature.secSchedule .housewife .problem .ctr-pic {
    margin: -45px 0 0;
  }
  .l-main--ver1 .feature.secSchedule .problem .ctr-balloon {
    font-size: 14px;
    width: 65% !important;
  }
  .l-main--ver1 .feature.secSchedule .problem .ctr-balloon span.type {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secSchedule p.lead {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secSchedule .worker p.lead {
    top: -55px;
  }
  .l-main--ver1 .feature.secSchedule .housewife p.lead {
    top: -25px;
  }
  .l-main--ver1 .feature.secSchedule h2 {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secSchedule dt {
    font-size: 16px;
  }
  .l-main--ver1 .feature.secMessage {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secMessage strong.marker {
    font-size: 24px;
  }
  .l-main--ver1 .transfer.secAbout .ctr-example ul.balloon {
    margin-left: -15px;
  }
  .l-main--ver1 .transfer.secAbout .ctr-example ul.balloon li {
    margin-left: 15px;
    width: calc(100% / 3 - 15px);
  }
  .l-main--ver1 .courseBox ul {
    margin-left: -2%;
  }
  .l-main--ver1 .courseBox li {
    float: left;
    margin: 0 0 2% 2%;
    width: 48%;
  }
  .l-main--ver1 .courseBox .flt-left,
  .l-main--ver1 .courseBox .flt-right,
  .l-main--ver1 .courseBox .flt-left img {
    height: auto;
    width: 100%;
  }
  .l-main--ver1 .techniqueBox .flt-right.w330 {
    margin: 15px 0 0 !important;
    width: 100% !important;
  }
  .l-main--ver1 .dessin .curriculumBox {
    margin-left: -5%;
  }
  .l-main--ver1 .dessin .curriculumBox li {
    margin-left: 5%;
    width: 45%;
  }
  .l-main--ver1 .illustration .curriculumBox div.flt-left,
  .l-main--ver1 .illustration .curriculumBox div.flt-right {
    float: none;
    width: 100% !important;
  }
  .l-main--ver1 .illustration .frame p {
    height: auto !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  .l-main--ver1 .illustration .frame2 {
    height: auto !important;
    margin: 0 0 15px !important;
    width: 100% !important;
  }
  .l-main--ver1 .picturebook .flowBox {
    margin-left: -5%;
  }
  .l-main--ver1 .picturebook .flowBox li {
    margin-left: 5%;
    width: 45%;
  }
  .l-main--ver1 .picturebook .frame p.flt-left {
    width: 100% !important;
  }
  .l-main--ver1 .manga .easeBox .pic {
    width: 35%;
  }
  .l-main--ver1 .manga .easeBox .txt {
    width: 60%;
  }
  .l-main--ver1 .manga .caseBox {
    margin-left: -5%;
  }
  .l-main--ver1 .manga .caseBox li {
    margin-left: 5%;
    width: 45%;
  }
  .l-main--ver1 .comic .curriculumBox div.flt-left,
  .l-main--ver1 .comic .curriculumBox div.flt-right {
    float: none;
    width: 100% !important;
  }
  .l-main--ver1 .printmaking .curriculumBox .pic {
    width: 40%;
  }
  .l-main--ver1 .printmaking .curriculumBox .txt {
    width: 57%;
  }
  .l-main--ver1 .publicAwards li {
    width: calc(100% - 20px);
  }
  .l-main--ver1 .monozukuri.wordorigin .outer {
    margin: 0 40px;
  }
  .l-main--ver1 .monozukuri.menu ul {
    margin-left: -2%;
  }
  .l-main--ver1 .monozukuri.menu li {
    margin: 0 0 5% 5%;
    width: 45%;
  }
  .l-main--ver1 .monozukuri.bnr ul {
    margin-left: -1%;
  }
  .l-main--ver1 .monozukuri.bnr li {
    margin: 0 0 1% 1%;
    width: 49%;
  }
  .l-main--ver1 .handmade.secMessage .ctr-txt {
    width: calc(100% - 220px);
  }
  .l-main--ver1 .handmade.secMessage .ctr-pic {
    width: 200px;
  }
  .l-main--ver1 .handmade.secAbout h2 {
    background-position: 60px 5px, center 0;
    background-size: 35px auto, contain;
    font-size: 22px;
    margin-top: -50px;
    padding: 10px 0 0 110px;
    bottom: -50px;
  }
  .l-main--ver1 .handmade.secAbout h2 span {
    font-size: 14px;
    margin-left: 10px;
  }
  .l-main--ver1 .seminar.secList .mod-col-2 .thumb {
    height: 125px;
    margin-bottom: 5px;
    width: 100%;
  }
  .l-main--ver1 .seminar.secList .mod-col-2 .content {
    width: 100%;
  }
  .l-main--ver1 .secCampaign.btn ul {
    margin-left: -1.3%;
  }
  .l-main--ver1 .secCampaign.btn li {
    margin-left: 1.3%;
    width: 32%;
  }
  .l-main--ver1 .teacherBox div.pic {
    width: 25%;
  }
  .l-main--ver1 .teacherBox dl {
    width: 70%;
  }
  .l-main--ver1 .teacherBox dd {
    margin-bottom: 5px;
  }
  .l-main--ver1 .teacherBox dd img {
    border: 1px solid #CCC;
    margin-right: 5px;
  }
  .l-main--ver1 .voiceBox .flt-left {
    width: 25%;
  }
  .l-main--ver1 .voiceBox .flt-right {
    width: 70% !important;
  }
  .l-main--ver1 .accessBox .flt-left,
  .l-main--ver1 .accessBox .flt-right {
    float: none;
    width: 100% !important;
  }
  .l-main--ver1 .mapBox iframe {
    height: auto;
    width: 100%;
  }
  .l-main--ver1 .contactBoard div.head {
    height: 70px;
  }
  .l-main--ver1 .contactBoard table {
    margin: 0 auto;
    width: 85%;
  }
  .l-main--ver1 .contactBoard table input[type="email"],
  .l-main--ver1 .contactBoard table input[name="address"] {
    width: 80% !important;
  }
  .l-main--ver1 .contactBoard table select[name="course1"],
  .l-main--ver1 .contactBoard table textarea {
    width: calc(100% - 8px) !important;
  }
  .l-main--ver1 .home.blog.secInfo.secBlog ul {
    margin-left: -1%;
  }
  .l-main--ver1 .home.blog.secInfo.secBlog li {
    margin: 0 0 1% 1%;
    width: 32.3%;
  }
  .l-main--ver1 .bnr-2col,
  .l-main--ver1 .box-3col {
    margin-left: -2%;
    width: 102%;
  }
  .l-main--ver1 .bnr-2col li,
  .l-main--ver1 .box-3col li {
    margin: 0 0 2% 2%;
    width: 48%;
  }
  .l-main--ver1 .bnr-3col {
    margin-left: -1%;
    width: 101%;
  }
  .l-main--ver1 .bnr-3col li {
    margin: 0 0 2% 1%;
    width: 32.3%;
  }
  .l-main--ver1 .w350 {
    width: 50% !important;
  }
  .l-main--ver1 .w350 p span {
    font-size: 1.8vw !important;
    line-height: calc(10px + 1vw) !important;
  }
  .l-main--ver1 .w360 {
    width: 90% !important;
  }
  .l-main--ver1 .w360 p {
    width: 55% !important;
    font-size: 90% !important;
    line-height: 24px;
  }
  .l-main--ver1 .w730 {
    width: 100% !important;
    background-size: 100% 90% !important;
  }
  .l-main--ver1 .w730 p {
    font-size: 2vw !important;
    line-height: 200% !important;
  }
}

@media screen and (max-width: 640px) {
  .l-main--ver1 {
    /*━━━━━━━━━━━━━━━━━━━━━━━━━
  contents.css
━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /* ローカルナビ */
    /* 横並びボックス */
    /* 横幅 */
    /* 画像 */
    /*------------------------------
  HOME
------------------------------*/
    /* 1行お知らせ */
    /* お知らせ新着 */
    /*------------------------------
  学校案内
------------------------------*/
    /* バナー */
    /*.aboutBanner li img { width: 100%; }*/
    /*------------------------------
  LP 3ページ
------------------------------*/
    /*** 共通 ***/
    /* バナー */
    /* ローカルナビ */
    /*** 大阪梅田の習い事なら ***/
    /* メインビジュアル */
    /* アートスクールについて */
    /* 選ぶ理由 */
    /* スケジュール */
    /* メッセージ */
    /*** 休学・休止制度について ***/
    /* システム */
    /*** 振替制度について ***/
    /* メッセージ */
    /* 詳細 */
    /*------------------------------
  コース紹介
------------------------------*/
    /* 雑貨体験　おはぎ */
    /* 美術コース */
    /* 基礎デッサンコース */
    /* アートイラストコース */
    /* 絵本コース */
    /* マンガコース */
    /* コミックコース */
    /* 版画コース */
    /* 公募入選・受賞 */
    /*------------------------------
  セミナー紹介
------------------------------*/
    /* ボタン */
    /*------------------------------
  ハンドメイド モノづくりコース
------------------------------*/
    /* ものづくり */
    /* メニュー */
    /* メッセージ */
    /* バナー */
    /* メッセージ2 */
    /* 特長 */
    /*------------------------------
  ハンドメイドコース
------------------------------*/
    /* メッセージ */
    /* コース紹介 */
    /* カリキュラム */
    /* 受講生の作品 */
    /* 授業風景 */
    /* 振り替え受講の例 */
    /*------------------------------
  キャンペーン料金
------------------------------*/
    /*
.secCampaign.btn ul { margin-left: 0; }
.secCampaign.btn li {
	margin: 0 auto 15px;
	text-align: center;
	width: 100%;
}
*/
    /*------------------------------
  無料体験
------------------------------*/
    /*------------------------------
  ブログ
------------------------------*/
    /*━━━━━━━━━━━━━━━━━━━━━━━━━
  useful.css
━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /* カラム（バナー） */
    /* フリー受講 */
    /*---インタビュー --*/
  }
  .l-main--ver1 .tl {
    display: none !important;
  }
  .l-main--ver1 .sp {
    display: block;
  }
  .l-main--ver1 img.sp,
  .l-main--ver1 span.sp {
    display: inline;
  }
  .l-main--ver1 .lnav li {
    width: calc(100% - 5px);
  }
  .l-main--ver1 .mod-col-4 li {
    width: calc(100% / 3 - 15px);
  }
  .l-main--ver1 .sp_w100 {
    width: 100%;
  }
  .l-main--ver1 .mod-pic-w100 {
    max-width: 100%;
    width: 100%;
  }
  .l-main--ver1 #menuTop {
    border-top: 1px solid #aaa;
    margin: 0 -2% 30px;
    width: 104%;
  }
  .l-main--ver1 #menuTop li a {
    background: url(img/common/menu_arrow.png) no-repeat 95% center;
    background-size: 3%;
    border-bottom: 1px solid #aaa;
    font-size: 15px;
    display: block;
    padding: 10px 5%;
  }
  .l-main--ver1 h2.home {
    margin: 0 -2%;
    overflow: hidden;
  }
  .l-main--ver1 h2.home img {
    max-width: 730px;
  }
  .l-main--ver1 h2.home span.btnWrap {
    display: none;
  }
  .l-main--ver1 #news dl {
    display: block;
    line-height: 1.6;
    max-width: 100%;
    padding: 10px;
  }
  .l-main--ver1 #news dt {
    border: 0;
    border-bottom: 1px solid #c3bc97;
    /*display: inline-block;*/
    margin-bottom: 5px;
    padding: 0;
  }
  .l-main--ver1 #news dd {
    display: block;
    padding: 0;
  }
  .l-main--ver1 #news dd > * {
    display: block;
  }
  .l-main--ver1 #news dd time {
    margin: 0;
  }
  .l-main--ver1 .home.secInfo li {
    float: none;
    font-size: 14px;
    width: calc(100% - 8px);
  }
  .l-main--ver1 .home.secInfo li .thumb {
    height: auto;
  }
  .l-main--ver1 .home.secInfo li img {
    max-width: none;
    width: calc(100% + 2px);
  }
  .l-main--ver1 .home.secInfo li .content {
    padding-bottom: 0;
  }
  .l-main--ver1 .home.secInfo li p {
    margin-right: 0;
    position: static;
  }
  .l-main--ver1 .home.secInfo li h3 {
    font-size: 16px;
  }
  .l-main--ver1 iframe.info.blog {
    height: 900px;
  }
  .l-main--ver1 .home.secInfo.secBlog li img {
    max-width: 100%;
  }
  .l-main--ver1 .aboutBanner {
    margin: 30px 0;
  }
  .l-main--ver1 .aboutBanner li {
    margin-bottom: 10px;
    text-align: center;
    width: calc(100% / 1 - 20px);
  }
  .l-main--ver1 .secBanner ul {
    display: block !important;
  }
  .l-main--ver1 .secBanner li {
    margin-bottom: 10px !important;
  }
  .l-main--ver1 .feature.localNav,
  .l-main--ver1 .suspension.localNav,
  .l-main--ver1 .transfer.localNav {
    padding: 10px 20px 5px;
  }
  .l-main--ver1 .feature.localNav ul,
  .l-main--ver1 .suspension.localNav ul,
  .l-main--ver1 .transfer.localNav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-main--ver1 .feature.localNav li,
  .l-main--ver1 .suspension.localNav li,
  .l-main--ver1 .transfer.localNav li {
    margin-left: 20px;
    width: calc(100% - 20px);
  }
  .l-main--ver1 .feature.localNav a:before, .l-main--ver1 .feature.localNav span:before,
  .l-main--ver1 .suspension.localNav a:before, .l-main--ver1 .suspension.localNav span:before,
  .l-main--ver1 .transfer.localNav a:before, .l-main--ver1 .transfer.localNav span:before {
    top: 9px;
  }
  .l-main--ver1 .feature.secVisual {
    padding: 20px 20px 50px;
  }
  .l-main--ver1 .feature.secVisual h1 {
    font-size: 16px;
    padding: 20px;
    bottom: -40px;
    width: calc(100% - 40px);
  }
  .l-main--ver1 .feature.secVisual h1 strong {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secVisual h2 {
    font-size: 18px;
    margin: -20px -20px 20px;
    padding: 10px;
  }
  .l-main--ver1 .feature.secVisual .ctr-balloon li {
    font-size: 15px;
    margin: 0 0 15px;
    width: 100%;
  }
  .l-main--ver1 .feature.secAbout {
    font-size: 18px;
    margin-top: 80px;
  }
  .l-main--ver1 .feature.secAbout p.lead strong.ttl {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secAbout p.lead strong.marker {
    font-size: 30px;
  }
  .l-main--ver1 .feature.secAbout ul {
    margin-top: 0;
  }
  .l-main--ver1 .feature.secAbout ul li {
    font-size: 16px;
  }
  .l-main--ver1 .feature.secAbout ul img {
    top: -15px;
  }
  .l-main--ver1 .feature.secReason h2 {
    font-size: 17px;
  }
  .l-main--ver1 .feature.secReason h2 > * {
    font-size: 20px;
  }
  .l-main--ver1 .feature.secReason ul {
    padding: 20px;
  }
  .l-main--ver1 .feature.secReason li {
    font-size: 16px;
  }
  .l-main--ver1 .feature.secSchedule {
    margin-top: 70px;
  }
  .l-main--ver1 .feature.secSchedule .problem .ctr-pic,
  .l-main--ver1 .feature.secSchedule .problem .ctr-balloon {
    width: 100% !important;
  }
  .l-main--ver1 .feature.secSchedule .problem .ctr-balloon:before {
    border-color: transparent transparent #fff transparent;
    border-width: 0 7.5px 10px 7.5px;
    top: -10px;
    left: calc(50% - 7.5px);
  }
  .l-main--ver1 .feature.secSchedule .problem .ctr-pic img {
    width: 30%;
  }
  .l-main--ver1 .feature.secSchedule .problem .ctr-balloon span.type {
    font-size: 18px;
  }
  .l-main--ver1 .feature.secSchedule p.lead {
    font-size: 18px;
    margin-bottom: 20px;
    top: -10px !important;
  }
  .l-main--ver1 .feature.secSchedule h2 {
    font-size: 17px;
  }
  .l-main--ver1 .feature.secMessage {
    font-size: 18px;
  }
  .l-main--ver1 .feature.secMessage strong.marker {
    font-size: 20px;
  }
  .l-main--ver1 .suspension.secSystem h1 {
    background-size: auto 25px;
    font-size: 30px;
    margin-bottom: 15px;
    padding-left: 35px;
  }
  .l-main--ver1 .suspension.secSystem .ctr-message {
    background: none !important;
    /*	background-position: center bottom;
	background-size: auto 120px;	*/
    font-size: 14px;
    padding: 0;
  }
  .l-main--ver1 .suspension.secSystem .ctr-message p.lead {
    font-size: 20px;
  }
  .l-main--ver1 .suspension.secSystem .ctr-example,
  .l-main--ver1 .transfer.secAbout .ctr-example {
    padding: 0 20px 5px;
  }
  .l-main--ver1 .suspension.secSystem .ctr-example h2,
  .l-main--ver1 .transfer.secAbout .ctr-example h2 {
    font-size: 17px;
    margin: 0 -20px;
    position: relative;
  }
  .l-main--ver1 .suspension.secSystem .ctr-example h2 span,
  .l-main--ver1 .transfer.secAbout .ctr-example h2 span {
    margin: 0 10px 5px 0;
    padding: 4px 8px 3px;
  }
  .l-main--ver1 .suspension.secSystem .ctr-example h2 img,
  .l-main--ver1 .transfer.secAbout .ctr-example h2 img {
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 10px;
  }
  .l-main--ver1 .suspension.secSystem .ctr-example h3,
  .l-main--ver1 .transfer.secAbout .ctr-detail h3 {
    font-size: 16px;
    margin-top: 20px;
  }
  .l-main--ver1 .transfer.secMessage {
    font-size: 14px;
    margin: 30px 0;
  }
  .l-main--ver1 .transfer.secMessage p.lead {
    font-size: 20px;
  }
  .l-main--ver1 .transfer.secAbout .ctr-detail p.lead {
    font-size: 20px;
  }
  .l-main--ver1 .transfer.secAbout .ctr-detail .container-left,
  .l-main--ver1 .transfer.secAbout .ctr-detail .container-right {
    float: none;
    width: 100%;
  }
  .l-main--ver1 .transfer.secAbout .ctr-detail .container-right {
    margin-top: 50px;
  }
  .l-main--ver1 .transfer.secAbout .ctr-detail .container-right:before {
    border-color: #e57a48 transparent transparent transparent;
    border-width: 20px 25px 0 25px;
    top: -35px !important;
    left: calc(50% - 25px);
  }
  .l-main--ver1 .transfer.secAbout .ctr-example ul.example li {
    width: calc(100% - 50px);
  }
  .l-main--ver1 .transfer.secAbout .ctr-example ul.example li:last-of-type {
    margin-top: 50px;
  }
  .l-main--ver1 .transfer.secAbout .ctr-example ul.example li:last-of-type:before {
    border-color: #e57a48 transparent transparent transparent;
    border-width: 20px 25px 0 25px;
    top: -35px;
    left: calc(50% - 25px);
  }
  .l-main--ver1 .transfer.secAbout .ctr-example ul.balloon li {
    margin-bottom: 20px;
    width: calc(100% - 15px);
  }
  .l-main--ver1 .courseBox ul {
    margin-left: 0;
  }
  .l-main--ver1 .courseBox li {
    float: none;
    margin: 0 0 15px 0;
    width: 100%;
  }
  .l-main--ver1 .w_ohagi {
    width: auto;
  }
  .l-main--ver1 .workBox {
    margin-left: 0;
  }
  .l-main--ver1 .workBox li {
    float: none;
    margin: 0 0 15px;
    width: 100%;
  }
  .l-main--ver1 .dessin .curriculumBox {
    margin-left: 0%;
  }
  .l-main--ver1 .dessin .curriculumBox li {
    float: none;
    margin: 0 0 15px 0;
    width: 100%;
  }
  .l-main--ver1 .illustration .curriculumBox img.pcw150 {
    width: 35%;
  }
  .l-main--ver1 .picturebook .bgcW .w340 {
    padding: 0 !important;
    width: 100% !important;
  }
  .l-main--ver1 .picturebook .flowBox {
    margin-left: 0;
  }
  .l-main--ver1 .picturebook .flowBox li {
    float: none;
    margin: 0 0 15px 0;
    width: 100%;
  }
  .l-main--ver1 .manga .easeBox .pic,
  .l-main--ver1 .manga .easeBox .txt {
    float: none;
    width: 100%;
  }
  .l-main--ver1 .manga .caseBox {
    margin-left: 0;
  }
  .l-main--ver1 .manga .caseBox li {
    float: none;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .l-main--ver1 .comic .curriculumBox img.pcw150 {
    width: 35%;
  }
  .l-main--ver1 .printmaking .curriculumBox .pic,
  .l-main--ver1 .printmaking .curriculumBox .txt {
    float: none;
    width: 100%;
  }
  .l-main--ver1 .printmaking .curriculumBox .pic {
    margin-bottom: 15px;
    text-align: center;
  }
  .l-main--ver1 .publicWorks li {
    width: calc(100% - 20px);
  }
  .l-main--ver1 .float_no {
    float: none;
  }
  .l-main--ver1 .seminar.secList a.more {
    width: 100%;
  }
  .l-main--ver1 .monozukuri.wordorigin {
    font-size: 16px;
  }
  .l-main--ver1 .monozukuri.wordorigin p.catch {
    font-size: 36px;
  }
  .l-main--ver1 .monozukuri.wordorigin .outer {
    margin: 0;
  }
  .l-main--ver1 .monozukuri.menu {
    padding: 30px 10px 18px;
  }
  .l-main--ver1 .monozukuri.menu ul {
    margin-top: 10px;
  }
  .l-main--ver1 .monozukuri.message {
    font-size: 16px;
    margin: auto 20px;
  }
  .l-main--ver1 .monozukuri.bnr ul {
    margin-left: 0;
  }
  .l-main--ver1 .monozukuri.bnr li {
    margin: 0 0 5px;
    width: 100%;
  }
  .l-main--ver1 .monozukuri.message2 p {
    display: block;
    font-size: 24px;
    text-align: center;
  }
  .l-main--ver1 .monozukuri.message2 p img {
    margin: 0;
  }
  .l-main--ver1 #handmade .bnr-2col li,
  .l-main--ver1 #point .bnr-2col li,
  .l-main--ver1 #curriculum .bnr-2col li {
    float: left;
    margin: 0 0 10px 0px;
    width: 50%;
  }
  .l-main--ver1 #handmade p.center,
  .l-main--ver1 #point p.center,
  .l-main--ver1 #curriculum p.center {
    text-align: left !important;
  }
  .l-main--ver1 #handmade img.alignleft,
  .l-main--ver1 #handmade img.alignright,
  .l-main--ver1 #point img.alignleft {
    float: none;
    margin: auto;
  }
  .l-main--ver1 #point .mT60 {
    margin-top: 30px !important;
  }
  .l-main--ver1 #point .mT-30 {
    margin-top: 0 !important;
  }
  .l-main--ver1 .handmade.secCurriculum h2,
  .l-main--ver1 .handmade.secWorks h2,
  .l-main--ver1 .handmade.secLesson h2,
  .l-main--ver1 .handmade.secTransfer h2 {
    font-size: 20px;
  }
  .l-main--ver1 .handmade.secMessage .ctr-txt,
  .l-main--ver1 .handmade.secMessage .ctr-pic {
    width: 100%;
  }
  .l-main--ver1 .handmade.secMessage .ctr-txt .lead {
    font-size: 18px;
  }
  .l-main--ver1 .handmade.secAbout h2 {
    background-position: 40px 3px, center 0;
    background-size: 25px auto, contain;
    font-size: 18px;
    height: 40px;
    margin-top: -25px;
    padding: 5px 0 0 75px;
    bottom: -25px;
  }
  .l-main--ver1 .handmade.secAbout h2 span {
    display: none;
  }
  .l-main--ver1 .handmade.secAbout .ctr-txt {
    text-align: left;
  }
  .l-main--ver1 .handmade.secCurriculum .center {
    text-align: left !important;
  }
  .l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-txt,
  .l-main--ver1 .handmade.secCurriculum .ctr-curriculum li .ctr-pic {
    margin-left: 0;
    width: 100%;
  }
  .l-main--ver1 .handmade.secWorks .center {
    text-align: left !important;
  }
  .l-main--ver1 .handmade.secWorks .mT30 {
    margin-top: 15px !important;
  }
  .l-main--ver1 .handmade.secWorks .mB30 {
    margin-bottom: 15px !important;
  }
  .l-main--ver1 .handmade.secLesson .ctr-lesson ul {
    margin-left: -10px;
  }
  .l-main--ver1 .handmade.secLesson .ctr-lesson li {
    margin: 0 0 10px 10px;
    width: calc(100% / 2 - 10px);
  }
  .l-main--ver1 .handmade.secLesson .ctr-debut h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .l-main--ver1 .handmade.secLesson .ctr-debut .ctr-txt,
  .l-main--ver1 .handmade.secLesson .ctr-debut .ctr-pic {
    width: 100%;
  }
  .l-main--ver1 .handmade.secTransfer .ctr-txt,
  .l-main--ver1 .handmade.secTransfer .ctr-pic {
    width: 100%;
  }
  .l-main--ver1 .handmade.secTransfer .piclist li {
    margin-bottom: 15px;
    width: calc(100% - 30px);
  }
  .l-main--ver1 table.timetable th {
    width: 80px !important;
  }
  .l-main--ver1 .contactBoard div.head {
    height: 50px;
  }
  .l-main--ver1 .contactBoard div.body {
    padding: 0 20px;
  }
  .l-main--ver1 .contactBoard table {
    width: 100%;
  }
  .l-main--ver1 .home.blog.secInfo.secBlog ul {
    margin-left: 0;
  }
  .l-main--ver1 .home.blog.secInfo.secBlog li {
    float: none;
    font-size: 14px;
    margin: 0 0 8px 0;
    width: 100%;
  }
  .l-main--ver1 .home.blog.secInfo.secBlog li img {
    max-width: none;
    width: calc(100% + 2px);
  }
  .l-main--ver1 .home.blog.secInfo.secBlog li .thumb {
    height: auto;
  }
  .l-main--ver1 .home.blog.secInfo.secBlog li .content {
    padding-bottom: 0;
  }
  .l-main--ver1 .home.blog.secInfo.secBlog li p {
    margin-right: 0;
    position: static;
  }
  .l-main--ver1 .bnr-2col,
  .l-main--ver1 .box-3col {
    margin-left: 0;
    width: 100%;
  }
  .l-main--ver1 .bnr-2col li,
  .l-main--ver1 .box-3col li {
    margin: 0 0 2% 0;
    width: 100%;
  }
  .l-main--ver1 .bnr-3col {
    margin-left: -1%;
    width: 101%;
  }
  .l-main--ver1 .bnr-3col li {
    margin: 0 0 2% 1%;
    width: 32.3%;
  }
  .l-main--ver1 .w350 {
    width: 100% !important;
  }
  .l-main--ver1 .w350 p span {
    font-size: 5vw !important;
    line-height: calc(12px + 5vw) !important;
  }
  .l-main--ver1 .w360 {
    width: 100% !important;
    height: calc(170px + 15vw) !important;
  }
  .l-main--ver1 .w360 p span {
    font-size: 3.5vw !important;
    line-height: calc(12px + 4vw);
  }
  .l-main--ver1 .boy,
  .l-main--ver1 .girl {
    background-size: 100% !important;
  }
  .l-main--ver1 li.boy p {
    padding-left: 30vw;
  }
  .l-main--ver1 li.girl p {
    padding-left: 10vw;
  }
  .l-main--ver1 .wall {
    width: 100%;
  }
  .l-main--ver1 .w730 {
    width: 100% !important;
    background-size: 100% !important;
  }
  .l-main--ver1 .w730 p {
    font-size: 3vw !important;
    line-height: calc(12px + 1vw) !important;
  }
  .l-main--ver1 .freetime span strong {
    font-size: 5vw !important;
  }
  .l-main--ver1 .postInterview .profile .txt {
    float: right;
    width: auto;
  }
}

.l-main--ver1 h1 {
  text-align: inherit;
}

.l-main--ver1 h1:after {
  display: none;
}

.l-main--ver1 h1.pic img {
  width: 100%;
}

.l-contents--ver1 {
  overflow: hidden;
}

.page-id-7 .l-main--ver1, .parent-pageid-7 .l-main--ver1 {
  max-width: none;
  width: auto;
}

.page-id-7 .l-contents--ver1, .parent-pageid-7 .l-contents--ver1 {
  overflow: inherit;
}
/*# sourceMappingURL=style_ver1.css.map */