@charset "UTF-8";
/* ============================================================ */
/* ドイツ語 */
/* ============================================================ */
.german {
  /* common
  ----------------------------------------------------------- */
  /*----- 見出し -----*/
}
.german .btn_style01 {
  background: #cb7700;
  border-color: #cb7700;
}
.german .btn_style01:hover {
  background: #fff;
  color: #cb7700;
}
.german .course_list li a h3 {
  color: #cb7700;
}
.german .ttl01 span {
  border-top: 2px solid #cb7700;
}
.german .ttl02 {
  border-left: 2px solid #cb7700;
}
.german .ttl03 {
  padding:0 15px;
}
.german .ttl03 span {
  border-bottom: 2px solid #cb7700;
}
.german .ttl_balloon {
  background: #cb7700;
}
.german .ttl_balloon::before {
  border-top: 10px solid #cb7700;
}
.german #contents {
  border-top: 20px solid #f2ce00;
}
.german #contents::after {
  content: "";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -20px;
  width: 33%;
  border-bottom: 20px solid #db291d;
  left: 33%;
}
.german #contents::before {
  content: "";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -20px;
  width: 33%;
  border-bottom: 20px solid #000000;
}
.german #other_list {
  background: rgba(203, 119, 0, 0.7) !important;
}
.german #other_list .inner .btn_prev,
.german #other_list .inner .btn_next {
  background: #cb7700;
}
.german .other_list_style li a h3 {
  color: #cb7700;
  padding: 15px 20px 0 20px;
  font-weight:bold;
}

.german .other_list_style li p {
  padding:0 20px 30px 20px;
}

.german .area_point .icon_ttl {
  background: #cb7700;
}
.german .area_point ul li i {
  color: #cb7700;
}
.german .area_contents .box_style01 > ul > li::before {
  color: #cb7700;
}
.german .area_contents .box_style01 > ul > li > ul > li::before {
  color: #cb7700;
}
.german .area_introduction {
  background: url(/german/common/img/bg_poly02.png) right top no-repeat;
}
.german .area_profile > .row div:last-child h3 {
  color: #cb7700;
}
.german .bg_poly_lt {
  background-image: url(/german/common/img/bg_poly03.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.german .bg_poly_rt {
  background-image: url(/german/common/img/bg_poly02.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.german header .global_nav > ul > li a::after {
  background: #cb7700;
}
.german .feature_list > li .number p {
  background: #cb7700;
}
.german .link_icon a {
  color: #cb7700;
}
.german .tab li.active a, .german .tab li:hover a {
  color: #cb7700;
  background: #f4f4f4;
}
.german .tab li::after {
  background: #cb7700;
}
.german .tab li a {
  background: #cb7700;
}

/* ============================================================ */
/* ドイツ語 index */
/* ============================================================ */
#index_multi {
    /* .pickup
--------------------------------------------------------------- */
}
#index_multi #contents {
  border: none;
}
#index_multi #contents::after, #index_multi #contents::before {
  content: none;
}
#index_multi #course {
  background: rgba(203, 119, 0, 0.7);
}

#index_multi #other_menu{
  background: rgba(203, 119, 0, 0.7);
}

#index_multi #other_menu:nth-of-type(2),
#feature_index #other_menu,
#course_index #other_menu,
#course_regular_index #other_menu,
#course_trial_index #other_menu,
#course_monthly_index #other_menu,
#course_private_index #other_menu,
#course_web_index #other_menu,
#teacher_index #other_menu,
#teacher_voice01 #other_menu,
#teacher_voice02 #other_menu,
#teacher_voice03 #other_menu,
#voice_index #other_menu,
#voice_voice01 #other_menu,
#voice_voice02 #other_menu,
#voice_voice03 #other_menu,
#miryoku_index #other_menu {
  background: rgba(203, 119, 0, 0.7);
  padding: 60px 0;
}

#index_multi #other_menu .inner,
#feature_index #other_menu .inner,
#course_index #other_menu .inner,
#course_regular_index #other_menu .inner,
#course_trial_index #other_menu .inner,
#course_monthly_index #other_menu .inner,
#course_private_index #other_menu .inner,
#course_web_index #other_menu .inner,
#teacher_index #other_menu .inner,
#teacher_voice01 #other_menu .inner,
#teacher_voice02 #other_menu .inner,
#teacher_voice03 #other_menu .inner,
#voice_index #other_menu .inner,
#voice_voice01 #other_menu .inner,
#voice_voice02 #other_menu .inner,
#voice_voice03 #other_menu .inner,
#miryoku_index #other_menu .inner {
  max-width: 1200px;
  margin: 0 auto;
}

#index_multi #other_menu .foot_txt,
#feature_index #other_menu .foot_txt,
#course_index #other_menu .foot_txt,
#course_regular_index #other_menu .foot_txt,
#course_trial_index #other_menu .foot_txt,
#course_monthly_index #other_menu .foot_txt,
#course_private_index #other_menu .foot_txt,
#course_web_index #other_menu .foot_txt,
#teacher_index #other_menu .foot_txt,
#teacher_voice01 #other_menu .foot_txt,
#teacher_voice02 #other_menu .foot_txt,
#teacher_voice03 #other_menu .foot_txt,
#voice_index #other_menu .foot_txt,
#voice_voice01 #other_menu .foot_txt,
#voice_voice02 #other_menu .foot_txt,
#voice_voice03 #other_menu .foot_txt,
#miryoku_index #other_menu .foot_txt{
  margin:0 auto;
  color:#FFF; 
  font-size:16px; 
  text-align:center; 
  font-weight:bold;
  padding:0 15px;
}

#index_multi .other_menu_list li a h3,
#index_multi .other_menu_list02 li a h3 {
  color: #cb7700;
}
#index_multi #appeal {
  background: url(/german/img/bg_appeal.png) center center no-repeat;
  background-size: cover;
}
#index_multi .pickup .inner .ttl_pickup {
  background: #cb7700;
}
#index_multi .pickup .inner .ttl_pickup::before {
  border-top: 10px solid #cb7700;
}
#index_multi .pickup .inner .btn_prev,
#index_multi .pickup .inner .btn_next {
  background: #cb7700;
}

/*トップSEO用追加コンテンツ用*/
#index_multi .point_list li {
  background: #cb7700;
}

#index_multi #recom_point .inner > p a {
  color: #cb7700;
}

#index_multi #recom_point .inner > p a:hover {
  background: #cb7700;
}
/*トップSEO用追加コンテンツ用*/

/* ============================================================ */
/* ドイツ語 course 共通 */
/* ============================================================ */
.course_detail #lead {
  background: url(/german/common/img/bg_poly01.png) left bottom no-repeat;
}
.course_detail #course_contact::before,
.course_detail #course_contact02::before {
  color: #cb7700;
}
.course_detail .module_style01 > .txt,
.course_detail .module_style02 > .txt {
  background: rgba(203, 119, 0, 0.6);
}
.course_detail .module_style01 > .txt .num,
.course_detail .module_style02 > .txt .num {
  background: #cb7700;
}
.course_detail #howmuch,
.course_detail #merit,
.course_detail #lesson_flow {
  background: url(/german/common/img/bg_poly02.png) right top no-repeat;
}
.course_detail #phrase .daily_phrase dl .style01::before
.style02::before {
  color: #cb7700;
}

/* ============================================================ */
/* ドイツ語 voice 共通 */
/* ============================================================ */
.voice_detail #other_list .inner .btn_prev,
.voice_detail #other_list .inner .btn_next {
  background: #cb7700;
}
.voice_detail .other_list_style li a h3 {
  color: #cb7700;
}

/* ============================================================ */
/* ドイツ語レギュラーコース
   #course_regular_index */
/* ============================================================ */
#course_regular_index #recommend {
  /*background-image: url(/german/course/regular/img/bg_recommend.png);*/
  background-image: url(/german/img/bg_appeal.png);
}
@media screen and (min-width: 721px) {
  #course_regular_index #lead .module_style01 {
    background: url(/german/course/regular/img/img_lead01.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_regular_index #howmuch ul li:nth-of-type(1) .module_style02 {
    background: url(/german/course/regular/img/img_howmuch01.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_regular_index #howmuch ul li:nth-of-type(2) .module_style01 {
    background: url(/german/course/regular/img/img_howmuch02.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_regular_index #howmuch ul li:nth-of-type(3) .module_style02 {
    background: url(/german/course/regular/img/img_howmuch03.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_regular_index #howmuch ul li:nth-of-type(4) .module_style01 {
    background: url(/german/course/regular/img/img_howmuch04.png) right 60px no-repeat;
  }
}

/* ============================================================ */
/* トライアルレッスン
   #course_trial_index */
/* ============================================================ */
@media screen and (min-width: 721px) {
  #course_trial_index #lead .module_style01 {
    background: url(/german/course/trial/img/img_lead01.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_trial_index #howmuch .module_style02 {
    background: url(/german/course/trial/img/img_howmuch01.png) left 60px no-repeat;
  }
}
#course_trial_index #recommend {
  /*background-image: url(/german/course/trial/img/bg_recommend.png);*/
  background-image: url(/german/img/bg_appeal.png);
}

/* ============================================================ */
/* 月払い ドイツ語コース
   #course_monthly_index */
/* ============================================================ */
@media screen and (min-width: 721px) {
  #course_monthly_index #lead .module_style01 {
    background: url(/german/course/monthly/img/img_lead01.png) right 60px no-repeat;
  }
}
#course_monthly_index #recommend {
  /*background-image: url(/german/course/monthly/img/bg_recommend.png);*/
  background-image: url(/german/img/bg_appeal.png);
}

/* ============================================================ */
/* ドイツ語マンツーマン
   #course_private_index */
/* ============================================================ */
@media screen and (min-width: 721px) {
  #course_private_index #lead .module_style01 {
    background: url(/german/course/private/img/img_lead01.png) right 60px no-repeat;
  }
}
#course_private_index #recommend {
  /*background-image: url(/german/course/private/img/bg_recommend.png);*/
  background-image: url(/german/img/bg_appeal.png);
}
@media screen and (min-width: 721px) {
  #course_private_index #merit .module_style02 {
    background: url(/german/course/private/img/img_merit01.png) left 60px no-repeat;
  }
}

/* ============================================================ */
/* オンラインドイツ語
   #course_web_index */
/* ============================================================ */
@media screen and (min-width: 721px) {
  #course_web_index #lead .module_style01 {
    background: url(/german/course/web/img/img_lead01.png) right 60px no-repeat;
  }
}
#course_web_index #recommend {
  /*background-image: url(/german/course/web/img/bg_recommend.png);*/
  background-image: url(/german/img/bg_appeal.png);
}
@media screen and (min-width: 721px) {
  #course_web_index #lesson_flow ul li:nth-of-type(1) .module_style02 {
    background: url(/german/course/web/img/img_lesson_flow01.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_web_index #lesson_flow ul li:nth-of-type(2) .module_style01 {
    background: url(/german/course/web/img/img_lesson_flow02.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_web_index #lesson_flow ul li:nth-of-type(3) .module_style02 {
    background: url(/german/course/web/img/img_lesson_flow03.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #course_web_index #lesson_flow ul li:nth-of-type(4) .module_style01 {
    background: url(/german/course/web/img/img_lesson_flow04.png) right 60px no-repeat;
  }
}

/* ============================================================ */
/* 学ぶ魅力
   #miryoku_index */
/* ============================================================ */
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku01 .miryoku_list li:nth-of-type(1) .module_style01 {
    background: url(/german/miryoku/img/img_miryoku01.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku01 .miryoku_list li:nth-of-type(2) .module_style02 {
    background: url(/german/miryoku/img/img_miryoku02.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku02 .miryoku_list li:nth-of-type(1) .module_style01 {
    background: url(/german/miryoku/img/img_miryoku03.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku02 .miryoku_list li:nth-of-type(2) .module_style02 {
    background: url(/german/miryoku/img/img_miryoku04.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku03 .miryoku_list li:nth-of-type(1) .module_style01 {
    background: url(/german/miryoku/img/img_miryoku05.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku03 .miryoku_list li:nth-of-type(2) .module_style02 {
    background: url(/german/miryoku/img/img_miryoku06.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku04 .miryoku_list li:nth-of-type(1) .module_style01 {
    background: url(/german/miryoku/img/img_miryoku07.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku04 .miryoku_list li:nth-of-type(2) .module_style02 {
    background: url(/german/miryoku/img/img_miryoku08.png) left 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku05 .miryoku_list li:nth-of-type(1) .module_style01 {
    background: url(/german/miryoku/img/img_miryoku09.png) right 60px no-repeat;
  }
}
@media screen and (min-width: 721px) {
  #miryoku_index #miryoku05 .miryoku_list li:nth-of-type(2) .module_style02 {
    background: url(/german/miryoku/img/img_miryoku10.png) left 60px no-repeat;
  }
}
#miryoku_index .local_nav ul li a i {
  color: #cb7700;
}

/* ============================================================ */
/* 10の特長
   #feature_index */
/* ============================================================ */
#feature_index #lead_txt {
  background: rgba(203, 119, 0, 0.7);
}

/* ============================================================ */
/* メインビジュアル国旗追加 */
/* ============================================================ */
/*PC*/
@media screen and (min-width: 721px) {
  .course #visual div[class^="al_"]:before,
  .feature #visual div[class^="al_"]:before,
  .teacher #visual div[class^="al_"]:before,
  .voice #visual div[class^="al_"]:before,
  .miryoku #visual div[class^="al_"]:before {
    content: "";
    position: relative;
    height: 70px;
    width: 100%;
    margin-top: 60px;
    background: url(/german/img/img_flag_german.png) center top no-repeat;
  }
}
/*SP*/
@media screen and (max-width: 720px) {
  .course #visual div[class^="al_"]:before,
  .feature #visual div[class^="al_"]:before,
  .teacher #visual div[class^="al_"]:before,
  .voice #visual div[class^="al_"]:before,
  .miryoku #visual div[class^="al_"]:before {
    content: "";
    position: relative;
    height: 35px;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 0px !important;
    background: url(/german/img/img_flag_german.png) center top no-repeat;
    background-size: 50px;
  }
}