@charset "utf-8";
/* -------------------------------------------------------------------- 
 2018.6.21 コース詳細ページ
-------------------------------------------------------------------- */

/* 共通
------------------------------------- */
body{
	background: #fff;
}
.course section{
  padding: 0;
}
.course section img{
  vertical-align: bottom;
}
.course section.subSection{
  padding: 35px 20px;
}
.course section .subSection .subSection{
  margin: 0;
  padding: 35px 0 0;
}
.course h2{
  margin: 0 0 15px;
  padding: 12px 20px 8px;
  border-radius: 10px;
  text-align: left;
  font-size: 2rem;
  font-weight: bold;
}
.course .stage .bodyarea{
  background: #efe9d5;
}
.txSmall{
  font-size: 70%;
}

/* パンくず修正（180925追加）
------------------------------------- */
.course section#characteristic {
  margin-top: 25px;
}


/* グロナビ
------------------------------------- */
.course .navArea{
  position: relative;
}
.course .glovalNav {
  position: relative;
  width: 100%;
  opacity: 0;
}
.course .glovalNav::before{
  position: absolute;
  /*content: '';*/
  top: 0;
  bottom: 0;
  left: -5000px;
  width: 5000px;
}
.course .glovalNav::after{
  position: absolute;
  /*content: '';*/
  top: 0;
  bottom: 0;
  right: -5000px;
  width: 5000px;
}
.course .glovalNav.fixed {
  width: 980px;
  position: fixed;
  top: 0;
  z-index: 1;
}
.course .glovalNav ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.course .glovalNav li{
 /* width: 20%;*/
  margin: 0 !important;
}
.course .glovalNav li a{
  display: table-cell;
  width: 196px;
  height: 52px;
  /*border-left: 1px solid #fff;*/
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
/*.course .glovalNav li:last-child a{
  border-right: 1px solid #fff;
}*/


/* ドロップダウン
------------------------------------- */
.course .dropDown{
  display: none;
  position: absolute;
  background: #ffffff;
  box-shadow: 0 3px 5px #c9c4b3;
}
.course .dropDown ul{
  display: flex;
  justify-content: space-between;
  width: 980px;
  padding: 4px 0px;
}
.course .dropDown::after{
  position: absolute;
 /* content: '';*/
  top: 0;
  bottom: 0;
  right: -5000px;
  width: 5000px;
  background: #ffffff;
  box-shadow: 0 3px 5px #c9c4b3;
}
.course .dropDown::before{
  position: absolute;
 /* content: '';*/
  top: 0;
  bottom: 0;
  left: -5000px;
  width: 5000px;
  background: #ffffff;
  box-shadow: 0 3px 5px #c9c4b3;
}
.course .dropDown.fixed{
  position: fixed;
  top: 59px;
  z-index: 1;
}


/* 特長
------------------------------------- */
.course section .glayArea{
  padding: 20px;
  border-radius: 10px;
  /*background: #eeedeb;*/
  background: #fff;
  box-shadow: 1px 3px 5px #c9c4b3;
}
.course section .glayArea p{
  font-size: 1.6rem;
}
.course section .glayArea p em.red{
  color: #e15757;
  font-weight: bold;
}

/* 特長（180628追加）
------------------------------------- */
.course section .dscrptnArea{
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 1px 3px 5px #c9c4b3;
}
.course section .dscrptnArea p{
  font-size: 1.6rem;
}
.course section .dscrptnArea p em.red{
  color: #e15757;
  font-weight: bold;
}
.course section .dscrptnArea p em.fwb{
  font-weight: bold;
}

/* 特長（180710追加）
------------------------------------- */
.course section .dscrptnArea p+p {
	margin-top: 10px;
}


/* 特長①
------------------------------------- */
.course section .subSection h3{
  display: inline-block;
  margin-bottom: 15px;
  padding: 10px 15px 8px;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: bold;
}
.course section .subSection .colTwoBox li{
  padding: 20px 0 0;
  border-radius: 10px;
  box-shadow: 2px 3px 5px #b8b3a4;
}
.course section .subSection .colTwoBox .whiteBox{
  float: left;
  padding-left: 40px;
  padding-right: 40px;
  background: #ffffff;
}


/*2カラムホワイトボックス*/
.course section .subSection .subSection h4{
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 5px;
  background: url(https://azby.fmworld.net/manabi/course/images/course_bg01.png) repeat-x left bottom;
  font-size: 1.8rem;
}
.course section .subSection .subSection .colTwoWhite li{
  width: 420px;
  padding: 20px 15px 0;
  border-radius: 10px;
  /*background: #f7f6f4;*/
  background: #fff;
  box-shadow: 2px 3px 5px #b8b3a4;
}
.course section .subSection .subSection .colTwoWhite li:nth-of-type(odd){
  float: left;
}
.course section .subSection .subSection .colTwoWhite li:nth-of-type(2n){
  float: right;
}
.course section .subSection .subSection .colTwoWhite li .txtTitle{
  margin-bottom: 10px;
  font-size: 1.8rem;
  text-align: center;
}
.course section .subSection .subSection .colTwoWhite li .txtTitle .green{
  color: #2f9b5e;
  font-weight: bold;
}
.course section .subSection .subSection .colTwoWhite li .ls-01{
  letter-spacing: -0.1em;
}
.course section .subSection .subSection .colTwoWhite li .colTwoImg{
  margin-bottom: 10px;
  text-align: center;
}
.course section .subSection .subSection .colTwoWhite li .normalTxt{
  font-size: 1.4rem;
}
.course section .subSection .subSection .colTwoWhite li .cautionTxt{
  margin-top: 18px;
  font-size: 1.2rem;
}
.course section .subSection .subSection .colTwoWhite.wide{
  background: #fff;
  box-shadow: 2px 3px 5px #b8b3a4;
  border-radius: 10px;  
}
.course section .subSection .subSection .colTwoWhite.wide li{
  background: none;
  box-shadow: none;
}


/* 特長② ふくまろタイピングでタイピングマスター！
------------------------------------- */
.course section .subSection .fukumaroArea{
  position: relative;
  border-radius: 10px;
  box-shadow: 2px 3px 5px #b8b3a4;
}
.course section .subSection .fukumaroArea img{
  border-radius: 10px;
}
.course section .subSection .fukumaroArea .fukumaroBtn{
  position: absolute;
  bottom: 30px;
  right: 40px;
}


/* 特長③ あんしん修理特典
------------------------------------- */
.course section .subSection .imgArea{
  position: relative;
  box-shadow: 2px 3px 5px #b8b3a4;
}
.course section .subSection .imgArea .detailBtn{
  position: absolute;
  bottom: 15px;
  right: 40px;
}


/* ご利用手順
------------------------------------- */
.course #procedure{
  margin-bottom: 50px;
}
.course #procedure .procedureImg{
  text-align: center;
}


/* 動作環境　180829追加
------------------------------------- */
.course #question .tabQuestion .questionList dd.wrap01 {
  display: block;
}
/*.course #question .tabQuestion .questionList > dt:nth-of-type(1)::after{
  border-top: none;
  border-bottom: 13px solid #15a4fd;
}
.course #question .tabQuestion .questionList > dt:nth-of-type(1).active::after {
    position: absolute;
    top: 42%;
    right: 40px;
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 13px solid #15a4fd;
}*/
.course #question .tabQuestion .questionList dd.wrap01 p {
	font-size: 1.5rem;
}
.course #question .tabQuestion .questionList dd.wrap01 p.title {
  padding: 0 0 0 4px !important;
}
.course #question .tabQuestion .questionList dd.wrap01 p.note {
	padding: 15px 0 0 3px !important;
	font-size: 1.3rem;
}
.course #question .tabQuestion .questionList ul {
	padding: 4px 0 0 0;
}
.course #question .tabQuestion .questionList ul li:before {
	content: "・";
}
.course #question .tabQuestion .questionList .title:before {
	content: "■";
}
.course #question .tabQuestion .questionList ul.wrap03 {
	padding-top: 0;
}


/* 動作環境　180831修正
------------------------------------- */
.course #question .tabQuestion .questionList .wrap02 li,
.course #question .tabQuestion .questionList .wrap03 li {
	padding: 0 0 0 15px;
}
.course #question .tabQuestion .questionList dd.wrap01 p.title:nth-of-type(n+2) {
	margin-top: 10px;
}

/* よくある質問
------------------------------------- */
.course #question{
  margin-top: 30px;
}
.course #question .subSection{
  margin: 0 35px 45px;
  padding: 0;
}
.course #question .subSection h3{
  margin-bottom: 8px;
}


/*テーブル*/
.course #question .oprEnv{
  width: 100%;
  border: 1px solid #333333;
  background: #ffffff;
  font-size: 1.3rem;
  line-height: 1.4;
}
.course #question .oprEnv .w2{
  width: 2%;
}
.course #question .oprEnv .w18{
  width: 18%;
}
.course #question .oprEnv .w40{
  width: 40%;
}
.course #question .oprEnv .vertical{
  width: 1em;
  margin: 0 auto;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	line-height: 1em;
	text-orientation: upright;
}
.course #question .oprEnv .red{
  color: #F70808;
}
.course #question .oprEnv tr{
  border-bottom: 1px solid #333333;
}
.course #question .oprEnv tr th{
  background: #F2F2F2;
}
.course #question .oprEnv tr th:not(:last-child){
  border-right: 1px solid #333333;
}
.course #question .oprEnv tr td{
  border-left: 1px solid #333333;
}
.course #question .oprEnv tr th,.course #question .oprEnv tr td{
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}


/*タブ*/
.course #question .tabArea{
  margin: 0 35px;
}
.course #question .tabTitle ul li{
  float: left;
  width: 908px;
  border-radius: 10px 10px 0 0;
  text-align: left;
}
.course #question .tabTitle ul li.active{
  border: 1px solid #6a3b1b;
}
.course #question .tabTitle ul li.passive{
  cursor: pointer;
}
.course #question .tabTitle ul li.passive:hover{
  opacity: 0.8;
}
.course #question .tabTitle ul li img{
  padding-top: 8px;
  vertical-align: middle;
}
.course #question .tabTitle ul li:last-child img{
  padding-top: 20px;
}
.course #question .tabQuestion{
  border: 1px solid #6a3b1b;
  border-radius: 10px;
  color: #2f2217;
}
.course #question .tabArea.sel01 ul.tabQuestion{
  border: 1px solid #6a3b1b;
  background: white;
}
/*.course #question .tabQuestion > li{
  display: none;
}*/
.course #question .tabQuestion > li.active{
  display: block;
}
.course #question .tabQuestion > li.active p{
  font-size:130%;
  padding: 20px 30px 15px 30px;
}
.course #question .tabQuestion .questionList > dt{
  position: relative;
  padding: 16px 80px 15px 30px;
  background: #f7fcff;
}
.course #question .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #6a3b1b;
}
.course #question .tabQuestion .questionList > dt:nth-last-of-type(1){
  border-radius: 0 0 10px 10px;
}
.course #question .tabQuestion .questionList > dt:hover{
  /*cursor: pointer;*/
}
/*.course #question .tabQuestion .questionList > dt::after{
  position: absolute;
  top: 42%;
  right: 40px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 13px solid #15a4fd;
}
.course #question .tabQuestion .questionList > dt.active::after{
  border-top: none;
  border-bottom: 13px solid #15a4fd;
}*/
.course #question .tabQuestion .questionList > dd{
  /*display: none;*/
  padding: 11px 30px 10px 30px;
  border-top: 1px dotted #15a4fd;
  font-size: 1.5rem;
}
.course #question .tabQuestion .questionList .clearfix dt{
  float: left;
  margin-right: 3px;
  font-size: 2.2rem;
}
.course #question .tabQuestion .questionList .clearfix dd{
  padding-top: 3px;
  font-size: 1.8rem;
}
.course #question .otherQA{
  font-size: 130%;
  text-align: right;
  margin-top: 10px;
  padding-right: 30px;
  position: relative;
}
.course #question .otherQA::after{
  position: absolute;
  top: 0.4em;
  right: 4px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 5px solid #0000;
  border-left: 9px solid #003399;
}

/* FMVまなびナビのお問い合わせ
------------------------------------- */
.course .inquiry{
  margin-top: 50px;
}
.course .inquiry h2{
  margin: 0;
  padding: 12px 20px 10px;
  border-radius: 10px 10px 0 0;
  background: #D9586B;
  color: #ffffff;
  font-size: 2rem;
}
.course .inquiry .txtLink{
  display: flex;
  flex-wrap: wrap;
  padding: 20px 50px;
  border: 1px solid #D9586B;
	border-radius: 0 0 10px 10px;
	background-color: #fff;
	box-shadow: 2px 3px 5px #b8b3a4;
  font-size: 1.5rem;
}
.course .inquiry .txtLink li{
  width: 33.3%;
  text-align: center;
}
.course .inquiry .txtLink li:nth-of-type(-n+3){
  margin-bottom: 10px;
}
.course .inquiry .txtLink li a:hover{
  text-decoration: underline;
}


/* レイアウト改修（181003）
------------------------------------- */
.mainImg02 {
  height: 254px;
}

/* レイアウト改修（181009追記）
------------------------------------- */
.course .navArea .bgWhite {
  background: #fff;
}
.course .navArea .bgWhite li a:hover {
  opacity: 0.7;
}


.course .glovalNav li a{
  display: table-cell;
  width: 196px;
  height: 92px;
 /* border-left: 1px solid #fff;*/
  text-decoration: none;
 /* vertical-align: middle;
  text-align: center;*/
  cursor: pointer;
}
/*.characteristicArea {
  height: 300px;
}*/


/* レイアウト改修-コースの訴求ポイント・料金画像エリア・申し込みボタン（210304）↓
------------------------------------- */

/* コースの訴求ポイント・料金画像エリア
------------------------------------- */
.course .characteristicArea .characteristicBox {
  display: -webkit-flex;
  display: flex;
  width: 980px;
  padding-top: 25px;
  position: relative;
}
.course .characteristicArea .characteristicBox::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto -20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #33affd;
}
.course .characteristicArea .characteristicBox01 {
  width: 710px;
  padding: 10px 8px 7px;
  background-color: #33affd;
  box-sizing: border-box;
}
.course .characteristicArea .characteristicBox01 ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 692px;
	box-sizing: border-box;
}
.course .characteristicArea .characteristicBox01 ul li:nth-of-type(2n+1) {
	padding-right: 7px;
}
.course .characteristicArea .characteristicBox01 ul li:nth-of-type(n+3) {
	padding-top: 10px;
}
.course .characteristicArea .characteristicBox02 {
	width: 270px;
	padding: 12px 10px;
	border: 2px solid #33affd;
	background-color: #c6e7fc;
	box-sizing: border-box;
}
.course .characteristicArea .btn a {
  display: block;
}
.course .characteristicArea .btn a:hover {
	opacity: 0.9;
}

/* お申し込みボタン (220304更新)
------------------------------------- */
.course .characteristicArea .characteristicBtn,
.course .secondaryBtn {
	width: 495px;
	margin: auto;
}
.course .characteristicArea .characteristicBtn a,
.course .secondaryBtn a {
	display: block;
	margin: 23px auto 40px;
	padding: 27px 26px 27px 106px;
	background-color: #ff0000;
	border-radius: 100vh;
	box-shadow: 0 7px 7px #d0cdc4;
}
.course .secondaryBtn a {
	margin: 40px auto 40px;
}
.course .characteristicArea .characteristicBtn a:hover,
.course .secondaryBtn a:hover {
  background-color: #df1818;
}
/*colBtn*/
.course #oe01 .colBtnArea {
	width: 980px;
	margin: 0 auto;
	display: block;
}
.course #oe01 .characteristicArea .colBtnArea .characteristicBtn a,
.course #oe01 .colBtnArea .secondaryBtn a {
	width: 430px;
	box-sizing: border-box;
	margin: 30px auto 40px;
	padding: 15px 22px 20px 64px;
}
.course #oe01 .colBtnArea .secondaryBtn a {
	margin: 50px auto 40px;
}
.course #oe01 .characteristicArea .colBtnArea .characteristicBtn,
.course #oe01 .colBtnArea .secondaryBtn{
	width: 880px;
	margin: 0 auto;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.course #oe01 .characteristicArea .colBtnArea .characteristicBtn a:first-of-type,
.course #oe01 .colBtnArea .secondaryBtn a:first-of-type {
	background-color: #fb6d00;
}
.course #oe01 .characteristicArea .colBtnArea .characteristicBtn a:first-of-type:hover,
.course #oe01 .colBtnArea .secondaryBtn a:first-of-type:hover {
  background-color: #de6e18;
}
/*tp01,of01*/
.course #tp01 .characteristicArea .cpText,
.course #of01 .characteristicArea .cpText {
	margin: 0 auto 5px;
}
.course #tp01 .characteristicArea .cpText img {
	max-width: 100%;
}

/* キャンペーンバナー追加(230201)
------------------------------------- */
.course .cpText .pcOnly {
  display: block;
}
.course .cpText .spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .course .cpText .pcOnly {
    display: none;
  }
  .course .cpText .spOnly {
    display: block;
  }
}
.course .cpText {
  text-align: center;
  margin: 40px auto -40px;
}
.course .characteristicArea .cpText {
  margin: 20px auto -24px;
}
.course .cpText p {
  text-align: center;
  margin: 0 auto;
}
.course .cpText img {
  text-align: center;
  margin: 0 auto;
}
.course .cpText p.cp_bnr {
  position: relative;
  z-index: 2;
}
.course .cpText p.cp_bnr::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto -10px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 12px solid #50c40b;
  z-index: -1;
}
.course .cpText p.cpText_sub {
  font-size: 2.4rem;
  margin: 15px auto 8px;
}


/* コース・特典タイトルエリア
------------------------------------- */
.course .colTwoArea {
  width: 976px;
  margin-top: 35px;
  padding: 10px 0 8px;
  border: 2px solid #15a4fd;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}
.course .titleBox {
  float: left;
  padding-left: 22px;
  background: none;
}
.course .titleBox02 {
  float: right;
  padding-right: 59px;
  background: none;
  color: #333;
  letter-spacing: 0.03em;
  font-size: 1.7rem;
  width: 526px;
  text-align: center;
}
.course .titleBox02 span {
  display: block;
  padding-top: 16px;
}

/* ポイント・詳細エリア
------------------------------------- */
.course .mainInner {
  margin-bottom: 35px;
  padding: 0 20px;
  border-right: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-left: 2px solid #15a4fd;
  border-radius: 0 0 10px 10px;
  background: #fff;
}
.course .txtimgArea dl {
  /*font-size: 125%;*/
  border-bottom: dashed 1px #ccc;
  padding: 12px 0;
}
.course .txtimgArea dl dt {
 /* color: #1a8b81;*/
  font-weight: bold;
  font-size: 140%;
  margin: 17px 0;
}
.course .txtimgArea dl dt span.bgColor {
  padding: 5px 15px 4px 14px;
  background-color: #ffd4d4;
  color: #3e1a09;
}
.course .txtimgArea dl dt span.txtBlank {
  margin-left: 15px;
}

.course .txtimgArea .imgArea01 {
  position: relative;
  float: left;
}
.course .txtimgArea .imgArea01 .btn01 {
  position: absolute;
  bottom: 8px;
  left: 163px;
}
.course .txtimgArea .imgArea01 figure.movieImg img:hover {
  opacity: 0.7;
}
.course .txtimgArea .imgArea01 p.movieTxt {
  padding-top: 8px;
  text-align: center;
} 

.course .txtimgArea .textArea01 {
  position: relative;
  min-height: 108px;
  margin: 0 0 0 320px;
  padding: 16px 20px 20px;
  /*-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;*/
  font-size: 1.6rem;
  line-height: 180%;
}
.course .txtimgArea div.textArea01 p {
  margin: 10px 0 0 -8px !important;
  font-size: 1.3rem;
}
.course .txtimgArea .textArea01 p.note {
  position: relative;
  margin-left: -3px;
  padding-left: 19px;
} 
.course .txtimgArea .textArea01 p.note:after {
  position: absolute;
  content: "※";
  top: 0;
  left: 4px;
}

.course .txtimgArea dl.last {
  border: none;
}
.course .txtimgArea .textArea01 .btn02 {
  position: absolute;
  top: 136px;
  left: 427px;
  cursor: pointer;
}
.course .txtimgArea .textArea01 .btn02 a,
.course .txtimgArea .textArea01 .btn02 span,
.course .txtimgArea02 .btn02 span {
  padding: 8px 15px 4px 24px;
  border-radius: 10px;
  background: #209ce9;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
}
.course .txtimgArea .textArea01 .btn02 a::after,
.course .txtimgArea02 .btn02 span::after{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 0 0px 19px;
  border: 6px solid transparent;
  border-left: 10px solid #fff;
}
.course .txtimgArea .textArea01 .btn02 a:hover,
.course .txtimgArea02 .btn02 span:hover {
  opacity: 0.7;
}

/* あんしん修理特典・パソコン割引権エリア
------------------------------------- */
.course .wrap {
  display: flex;
  justify-content: space-between;
}
.course .colTwoBox .w465 {
  width: 465px;
  margin-top: 0;
  text-align: center;
}
.course .colTwoBox .w425 {
  width: 425px;
  margin-bottom: 0;
}

.course .txtimgArea02 dl {
  padding: 12px 0;
}
.course .txtimgArea02 dl dt {
  font-weight: bold;
  font-size: 140%;
  margin: 3px 0 15px;
  padding: 6px 0 4px;
  background-color: #ffd4d4;
  color: #3e1a09;
  text-align: center;
}
.course .txtimgArea02 .textArea01 {
  font-size: 1.6rem;
  text-align: center;
}
.course .txtimgArea02 .btn02 {
  margin: 20px 0 9px;
  text-align: center;
  cursor: pointer;
}

/* よくあるご質問エリア
------------------------------------- */
.course h2.title,
.course #question .tabWrap {
  margin: 0;
}
.course h2.title {
  padding: 15px 0 12px 30px;
  border: 2px solid #15a4fd;
  border-radius: 10px 10px 0 0;
  background: #fff;
  color: #3e1a09;
}
.course #question .tabArea.sel01 ul.tabQuestionWrap {
  border-top: none;
  border-right: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-left: 2px solid #15a4fd;
  border-radius: 0 0 10px 10px;
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap > dt:not(:first-child) {
  border-top: 1px solid #15a4fd;
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap .numberList li {
  position: relative;
  padding-left: 20px;
  list-style: none;
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap .numberList li::after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap .numberList li:nth-of-type(1)::after {
  content: "①";
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap .numberList li:nth-of-type(2)::after {
  content: "②";
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap .numberList li:nth-of-type(3)::after {
  content: "③";
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap .numberList li:nth-of-type(4)::after {
  content: "④";
}
.course #question .tabArea.sel01 ul.tabQuestionWrap dl.questionWrap .numberList li:nth-of-type(5)::after {
  content: "⑤";
}

/* お問い合わせエリア
------------------------------------- */
.course .inquiry h2.title {
  padding: 15px 0 12px 30px;
  border: 2px solid #ff4848;
  background: #fff;
  color: #3e1a09;
}
.course .inquiryWrap .inquiryBox {
  padding: 20px 0 20px 30px;
  border-top: none;
  border-right: 2px solid #ff4848;
  border-bottom: 2px solid #ff4848;
  border-left: 2px solid #ff4848;
  border-radius: 0 0 10px 10px;
  background-color: #fff;
  box-shadow: none;
  font-size: 1.3rem;
}
.course .inquiryWrap .inquiryBox dl+dl {
  margin-top: 5px;
}
.course .inquiryWrap .inquiryBox dt,
.course .inquiryWrap .inquiryBox dd {
  float: left;
}
.course .inquiryWrap .inquiryBox dt {
  width: 128px;
  font-weight: bold;
}
.course .inquiryWrap .inquiryBox dd {
  width: 800px;
}
.course .inquiryWrap .inquiryBox dd li {
  float: left;
  padding: 0 8px;
  border-right: 1px solid #999999;
}
/*.course .inquiryWrap .inquiryBox dd li:nth-of-type(1) {
  padding-left: 0;
  border-left: none;
}*/

/* お問い合わせエリア デキタス追加 (190205追記)
------------------------------------- */
.course .inquiryWrap .inquiryBox dd li.firstChild {
  padding-left: 0;
}
.course .inquiryWrap .inquiryBox dd li.mt5 {
  margin-top: 5px;
}

/* お問い合わせエリア 修正 (190208追記)
------------------------------------- */
.course .inquiryWrap .inquiryBox dd li.lastChild {
  border-right: none;
}

/* お問い合わせエリア  (190313追記)
------------------------------------- */
.course .inquiryWrap .inquiryBox dd li.secondType {
  padding-left: 0;
  border-right: none;
}

/* お問い合わせエリア  (190520追記)
------------------------------------- */
.course .inquiryWrap .inquiryBox dd li.thirdType {
  padding-left: 0;
}


/* 固定表示バナー  (190712追加)
------------------------------------- */
#tabbnr01 {
    width: 60px;
    height: 220px;
    background: url("https://azby.fmworld.net/manabi/course/images/tabbnr_201907.png") no-repeat;
    position: fixed;
    right: 0;
    top: 230px;
    z-index: 999;
}
#tabbnr01 a {
    display: block;
    width: 100%;
    height: 100%;
}
#tabbnr01:hover {/* カーソルが乗った時の動きを指定 */
    width: 280px;/* バナーが伸びた時の幅 */
    -webkit-transition: width ease-in-out 0.5s;
    -moz-transition: width ease-in-out 0.5s;
    -ms-transition: width ease-in-out 0.5s;
    -o-transition: width ease-in-out 0.5s;
    transition: width ease-in-out 0.5s;
}

/* アップセルバナー  (200820追加)
------------------------------------- */
.upsellbnr {
    margin: 30px auto 35px;
}
.upsellbnr a:hover {
  opacity: 0.7;
}

/* レイアウト改修 カリキュラム例追加（201222追加）
------------------------------------- */
.course .txtimgArea dl dt span.bgYellow {
	background-color: #fff5ab;
}
.course .curriculumArea {
	margin: 20px -20px;
	padding: 30px 0;
}
.course #pg02 .curriculumArea {
	background: url(https://azby.fmworld.net/manabi/course/pg02/images/pg02_bg01.png) repeat;
}
.course #oe01 .curriculumArea {
	background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_bg01.png) repeat;
}
.course #of01 .curriculumArea {
	background: url(https://azby.fmworld.net/manabi/course/of01/images/of01_bg01.png) repeat;
}
.course #tp01 .curriculumArea,
.course #ftyping .curriculumArea {
	background-color: #f3e01a;
}
.course .curriculumArea ul {
	width: 936px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
}
.course .curriculumArea ul li {
	width: 226px;
	margin-right: 8px;
	background-color: #fff;
	border: 2px solid #1584e1;
	border-radius: 8px;
}
.course #oe01 .curriculumArea ul li {
	border: 2px solid #269e4e;
}
.course #of01 .curriculumArea ul li {
	border: 2px solid #4c79ca;
}
.course #ftyping .curriculumArea ul li,
.course #tp01 .curriculumArea ul li {
	border: none;
}
.course .curriculumArea ul li dl {
	padding: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.course .curriculumArea ul li dl dt {
	padding-bottom: 6px;
	margin: 0;
}
.course .curriculumArea ul li dl dd {
	font-size: 1.6rem;
	padding: 0 12px !important;
}
.course .curriculumArea ul li dl dd:last-of-type {
	padding-bottom: 20px !important;
}
.course .curriculumArea ul li dl .dd-height {
	min-height: 260px;
}
.course .curriculumArea ul li dl .bold {
	font-weight: bold;
}
.course .curriculumArea ul li dl .blue {
	color: #1584e1;
}
.course .curriculumArea ul li dl .green {
	color: #3fc40b;
}
.course .curriculumArea ul li dl .orange {
	color: #f38e18;
}
.course .curriculumArea ul li dl .red {
	color: #f32c2c;
}
.course .curriculumArea ul li dl .purple {
	color: #3969c0;
}
.course .curriculumArea ul li dl .green2 {
	color: #178f3f;
}
.course .curriculumArea ul li dl dd.score,
.course .curriculumArea ul li dl dd.level {
	margin: 8px 12px;
	padding: 15px 0 !important;
	border-radius: 8px;
	color: #fff;
	background-color: #1584e1;
	text-align: center;
	font-weight: bold;
}
.course .curriculumArea ul li:nth-of-type(2) dl dd.score,
.course .curriculumArea ul li:nth-of-type(2) dl dd.level {
	background-color: #3fc40b;
}
.course .curriculumArea ul li:nth-of-type(3) dl dd.score,
.course .curriculumArea ul li:nth-of-type(3) dl dd.level {
	background-color: #f38e18;
}
.course .curriculumArea ul li:nth-of-type(4) dl dd.score,
.course .curriculumArea ul li:nth-of-type(4) dl dd.level {
	background-color: #f32c2c;
}

/* レイアウト改修 その他サービスエリア（220304追加）
------------------------------------- */
.course h2.serviceHead {
	background: none;
	padding: 0;
	margin: 60px 0 -22px;
	border-radius: none;
	text-align: center;
}
/* キャンペーンバナー追加（220714追加）
------------------------------------- */
.cpbnr {
	padding: 20px 0 40px;
}
.cpbnr a {
	display: block;
	margin: 0 auto;
	max-width: 980px;
	height: auto;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.3);
}
.cpbnr a:hover {
	opacity: 0.7;
	box-shadow: none;
	transition:all 0.3s ease;
}

/* clearFix
------------------------------------- */
.course .characteristicArea ul:after,
.course .txtimgArea dl dd:after,
.course .inquiryWrap .inquiryBox dl:after,
.course .inquiryWrap .inquiryBox dd ul:after {
	display: block;
	clear: both;
	content: "";
}