@charset "utf-8";
/* --------------------------------------
   コンテンツ最大幅1160px（PC）
--------------------------------------*/
/* common */
main .pcOnly {
  display: block;
}
main .spOnly {
  display: none;
}
.mainImg.fmvTop {
  height: auto;
	background: #35427f;
	background-image: linear-gradient(150deg, #303879 10%, #35427f 90%);
	font-family: heisei-kaku-gothic-std, sans-serif;
}
.mainImg.fmvTop .cont {
	padding: 0;
	color: #fff;
	display: table;
}
.mainImg.fmvTop h1 {
	padding: 15px 20px 10px 0;
	font-size: 200%;
	font-weight: bold;
	letter-spacing: 0.2rem;
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
}
.mainImg.fmvTop h1 > span {
	display: block;
	font-size: 62%;
	font-weight: normal;
	letter-spacing: 0;
	padding-top: 0.25em;
}
.mainImg.fmvTop .main_badge {
	background: #e60707;
	display: table-cell;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 300px;
	width: 88px;
	height: auto;
	line-height: 1.3;
	padding: 12px 2px 10px;
	font-size: 115%;
	letter-spacing: -0.05em;
}
.mainImg.fmvTop .main_badge::after {
	position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 44px 10px 44px;
  border-color: transparent #e60707;
  content: "";
}
.mainImg.fmvTop .main_lead {
	font-size: 110%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 5px 0 0 140px;
}
.course img {
  max-width: 100%;
  height: auto;
}
.course .pcOnly {
  display: block !important;
}
.course .spOnly {
  display: none !important;
}
.slider_menu .pcOnly {
  display: block;
}
.slider_menu .spOnly {
  display: none;
}
#sv-manabi-course {
  padding-bottom: 60px;
}
#sv-manabi-course .slider-inner .tag.characteristic01 {
  background: #15a4fd;
  display: inline-block;
  border-radius: 0 0 5px 5px;
  margin-bottom: 10px;
  margin-left: 10px;
}
#sv-manabi-course .slider-inner .tag.characteristic01 > span {
  color: #fff;
  padding: 0.5em 1em;
  display: block;
  font-size: 130%;
}
.course .characteristicArea02 .characteristicBox_wrapper {
  background: none;
  /*background: #ffd4d4;*/
}
.course .titleBox02 {
  /*width: 600px;*/
  /*width: auto;*/
}

@media screen and (max-width: 767px) {
  /* common */
  .slider_menu .pcOnly {
    display: none;
  }
  .slider_menu .spOnly {
    display: block;
  }
  .course .pcOnly {
    display: none !important;
  }
  .course .spOnly {
    display: block !important;
  }
}


/*============================================================================*/
/* /azbydocs/manabi/course/tp01/css/tp01.css から流用 ここから */

/* ふくまろタイピングで楽しくタイピングを学べる！
------------------------------------- */
#tp01 section .subSection h3{
  background: #e17676;
  color: #fff;
}
#tp01 section .subSection .colTwoBox .yelBox{
  background: #f4e21d;
}
#tp01 section .subSection .colTwoBox .goldBox{
  float: right;
  padding-left: 55px;
  padding-right: 55px;
  background: #C0A426;
  font-size: 1.8rem;
  color: #ffffff;
}
#tp01 section .subSection .colTwoBox .goldBox img{
  padding-top: 5px;
}
#tp01 section .subSection .colTwoBox .pinkBox{
  float: right;
  padding-left: 17px;
  padding-right: 17px;
  background: #e15a5a;
  font-size: 1.8rem;
  color: #ffffff;
}
#tp01 section .subSection .colTwoBox .pinkBox img{
  padding-top: 5px;
}
#tp01 section .subSection .greenImg{
  margin-top: 40px;
  text-align: center;
}

/*学習の流れ(180713追加)*/
#tp01 section .subSection .subSection .textImageArea p {
	width: 450px;
	padding: 60px 0 0 18px;
}


/*スキマ時間に学習できる！*/
#tp01 section .subSection .subSection .glayBox{
  padding: 47px 0 47px 64px;
  border-radius: 10px;
  /*background: url(https://azby.fmworld.net/manabi/course/tp01/images/tp01_im05.png) no-repeat center right 67px,#f7f6f4;*/
  background: url(https://azby.fmworld.net/manabi/course/tp01/images/tp01_im05.png) no-repeat center right 67px,#fff;
  box-shadow: 2px 3px 5px #b8b3a4;
}
#tp01 section .subSection .subSection .txtTitle{
  font-size: 1.8rem;
}
#tp01 section .subSection .subSection .txtTitle .green{
  color: #2f9b5e;
  font-weight: bold;
}

/*豊富な問題で応用力が身につく！*/
#tp01 section .subSection .subSection .colTwoWhite .txtBox .txtTitle{
  margin-top: 45px;
}
#tp01 section .subSection .subSection .colTwoWhite .txtBox .pr{
  position: relative;
}
#tp01 section .subSection .subSection .colTwoWhite .txtBox .txNotes{
  position: absolute;
  left:45px;
  top:0;
}

/*実際の練習画面*/
.subSection .colOneWhite li{
  width: 910px;
  padding: 20px 15px 0;
  border-radius: 10px;
  /*background: #f7f6f4;*/
  background: #fff;
  box-shadow: 2px 3px 5px #b8b3a4;
}
.subSection .colOneWhite li .normalTxt{
  font-size: 1.4rem;
}
.subSection .colOneWhite li .style01{
  padding:20px 3px 20px 0;
  text-align: right;
}

/*ステップ*/
#tp01 section .subSection .subSection .colTwoStep li{
  width: 450px;
}
#tp01 section .subSection .subSection .colTwoStep li:nth-of-type(2n){
  float: right;
}
#tp01 section .subSection .subSection .colTwoStep li:nth-of-type(odd){
  float: left;
}
#tp01 section .subSection .subSection .colTwoStep li:nth-of-type(-n+2){
  margin-bottom: 30px;
}
#tp01 section .subSection .subSection .colTwoStep li h5{
  margin-bottom: 15px;
  padding: 10px 0 4px 130px;
  font-size: 2rem;
  font-weight: bold;
  color: #2f2217;
  text-align: left;
}
#tp01 section .subSection .subSection .colTwoStep li h5.step1{
  background: url(https://azby.fmworld.net/manabi/course/tp01/images/gt01_ic01.png) no-repeat left center;
}
#tp01 section .subSection .subSection .colTwoStep li h5.step2{
  background: url(https://azby.fmworld.net/manabi/course/tp01/images/gt01_ic02.png) no-repeat left center;
}
#tp01 section .subSection .subSection .colTwoStep li h5.step3{
  background: url(https://azby.fmworld.net/manabi/course/tp01/images/gt01_ic03.png) no-repeat left center;
}
#tp01 section .subSection .subSection .colTwoStep li h5.step4{
  background: url(https://azby.fmworld.net/manabi/course/tp01/images/gt01_ic04.png) no-repeat left center;
}
#tp01 section .subSection .subSection .colTwoStep li .whiteBox{
  padding: 15px 15px 3px;
  border-radius: 10px;
  /*background: #f7f6f4;*/
  background: #fff;
  box-shadow: 2px 3px 5px #b8b3a4;
  text-align: center;
}
#tp01 section .subSection .subSection .colTwoStep li .whiteBox .normalTxt{
  margin-top: 5px;
  font-size: 1.4rem;
}


/* よくある質問
------------------------------------- */
#question .tabTitle ul li:first-child{
  border: 1px solid #e17676;
  background: #e17676;
}
.course #tp01 #question .tabTitle ul li:first-child{
  border-bottom: 1px solid #e17676;
}
.course #question .tabArea.sel01 .tabTitle ul li.active{
  border: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion{
  border: 1px solid #6a3b1b;
  background: #f2edd5;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #6a3b1b;
}

/*#question .tabTitle ul li:last-child{
  border: 1px solid #e18d8d;
  background: #e18d8d;
}
.course #tp01 #question .tabTitle ul li:last-child{
  border-bottom: 1px solid #e18d8d;
}*/
.course #question .tabArea.sel02 .tabTitle ul li.active{
  border: 1px solid #8f2d2d;
}
.course #tp01 #question .tabTitle ul li img{
  padding-top: 10px;
  padding-bottom: 6px;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion{
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}


/* FMVまなびナビのお問い合わせ
------------------------------------- */
.course .inquiry .txtLink{
  justify-content: flex-start;
}


/* レイアウト改修 タイピング（181011追加）
------------------------------------- */

/* タイピング追従
------------------------------------- */
#tp01 .navArea .tp01Nav li a{
  height: 95px;
}
#tp01 .navArea .tp01Nav ul.colTwoNavArea {
  float: left;
  width: 780px;
  padding: 9px 0 7px;
  border-top: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-left: 2px solid #15a4fd;
  background-color: #fff;
}
/*#tp01 .navArea .tp01Nav ul.colTwoNavArea:hover {
  opacity: 0.7;
  cursor: pointer;
}*/
#tp01 .navArea .tp01Nav figure a:hover {
  opacity: 0.7;
}
#tp01 .navArea .tp01Nav .colTwoNavArea li.titleBox {
  float: left;
  width: 325px;
  padding-left: 22px;
}
#tp01 .navArea .tp01Nav .colTwoNavArea li.titleBox02 {
  float: left;
  padding-right: 0;
  color: #333;
  letter-spacing: 0.03em;
  font-size: 1.7rem;
  width: 385px;
  text-align: center;
}
#tp01 .navArea .tp01Nav .colTwoNavArea .titleBox02 span {
  display: block;
  padding-top: 16px;
}

#tp01 .leadArea {
  padding-top: 25px;
}
#tp01 .leadArea dt {
  font-weight: bold;
  font-size: 170%;
}
#tp01 .leadArea dt.colTwoArea {
  margin-top: 0;
  background-color: #15a4fd;
  color: #fff;
  padding: 10px 20px 8px;
  width: 100%;
  box-sizing: border-box;
}
/*#tp01 .leadArea dt.colTwoArea span {
  padding-left: 20px;
}*/
#tp01 .leadArea dd {
  font-size: 1.6rem;
}
#tp01 .leadArea dd .mainInner {
  padding: 20px;
}

#tp01 .colTwoArea {
  /*width: 976px;*/
  width: 100%;
  /*margin-top: 35px;*/
  padding: 10px 0 8px;
  border: 2px solid #15a4fd;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}
#tp01 .colTwoWrap {
  width: 980px;
}
#tp01 .colTwoArea02 {
  float: left;
  width: 780px;
  padding: 9px 0 7px;
  border-top: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-left: 2px solid #15a4fd;
  border-radius: 10px 0 0 0;
  background-color: #fff;
}
#tp01 .colTwoArea02 .titleBox {
  float: left;
  padding-left: 22px;
  background: none;
}
#tp01 .colTwoArea02 .titleBox02 {
  float: left;
  padding: 0 0 0 38px;
  color: #333;
  letter-spacing: 0.03em;
  font-size: 1.7rem;
  width: 385px;
  text-align: center;
}
#tp01 .colTwoArea02 .titleBox02 span {
  display: block;
  padding-top: 16px;
}
#tp01 .colTwoWrap .titleBoxbtn {
  float: right;
  border-radius: 0 10px 0 0;
  background-color: #fff;
}
#tp01 .colTwoWrap .titleBoxbtn a:hover {
  opacity: 0.7;
}
#tp01 .colTwoWrap .titleBoxbtn img {
  vertical-align: bottom;
}


/* レイアウト改修 申し込みボタンエリア（210305追加）
------------------------------------- */
#tp01 .characteristicArea img {
	width: 100%;
	height: 100%;
}
#tp01 .characteristicArea .colTwoArea03 {
	display: -webkit-flex;
	display: flex;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#tp01 .characteristicArea .colTwoArea03::before {
  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;
}
#tp01 .characteristicArea .colTwoArea03 li:nth-of-type(1) {
	width: 586px;
	height: 84px;
	background-color: #33affd;
	padding: 10px 10px 6px;
}
#tp01 .characteristicArea .colTwoArea03 li:nth-of-type(2) {
	width: 349px;
	height: 76px;
	background-color: #c6e7fc;
	padding: 10px;
	border: 2px solid #15a4fd;

}
#tp01 .characteristicArea .characteristicBtnWrapper {
	width: 976px;
	padding: 26px 0 13px;
	background-color: #fff;
	border-right: 2px solid #15a4fd;
	border-left: 2px solid #15a4fd;
}
#tp01 .characteristicArea .characteristicBtn a {
	margin: 0 auto;
}

/* レイアウト改修 タブ切り替えエリア追加（220104追加）
------------------------------------- */
#tp01 .tab_area_bg {
	background-color: #f4e100;
	padding: 40px 20px 20px;
	margin: 30px -20px 10px;
	font-size: 1.6rem;
}
#tp01 .tab_area_ttl {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}




#tp01 .tab-content-container {
	padding-top: 0.75em;
}



#tp01 .tab .flex_box {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
#tp01 .tab .tab_col_area.flex_box {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#tp01 .tab .lead_text {
	padding: 5px 10px;
	border-radius: 10px 10px 0 0;
	justify-content: center;
	align-items: center;
}
#tp01 .tab #panel1 .lead_text {
	background-color: #218feb;
}
#tp01 .tab #panel2 .lead_text {
	background-color: #80cc0f;
}
#tp01 .tab #panel3 .lead_text {
	background-color: #f43f3f;
}
#tp01 .tab .lead_text div {
	padding-top: 6px;
}
#tp01 .tab .lead_text p {
	font-size: 3.0rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.2rem;
	margin-left: 16px;
}
#tp01 .tab .tab_col_area {
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	margin: 0 auto 30px;
	padding: 14px 28px 28px;
}
#tp01 .tab .tab_col_area dl {
	width: 420px;
	border: none;
	border-bottom: none !important;
	/*padding: 0 !important;*/
}
#tp01 .tab .tab_col_area dl dt {
	border-bottom: 1px solid #5a5731;
	align-items: baseline;
	margin: 12px 0 !important;
}
#tp01 .tab .tab_col_area dl dt .tab_col_num {
	font-size: 1.3rem;
	color: #5a5731;
}
#tp01 .tab .tab_col_area dl dt .tab_col_num strong {
	font-size: 170%;
	padding: 0 4px;
}
#tp01 .tab .tab_col_area dl dd .bold {
	font-weight: bold;
}

#tp01 .tab button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*.container_test {
  max-width: 600px;
  margin: 0 auto;
}*/

#tp01 .tab {
  width: 100%;
  /*margin-top: 30px;*/
  padding-top: 0.75em;
}

#tp01 .tab .tab__list {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0;
}

/*.tab .tab__item {
  border-bottom: 3px solid blue;
  opacity: 0.3;
}*/

#tp01 .tab .tab__item.is-active {
  opacity: 1;
}

#tp01 .tab .tab__text {
  display: block;
  font-size: 25px;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

/*.tab .tab__content {
  padding: 1%;
}*/

#tp01 .tab .tab__content-item {
  display: none;
}

#tp01 .tab .tab__content-item.is-active {
  display: block;
}




#tp01 .tab .tab__item button {
	float: left;
	cursor: pointer;
	position: relative;
	background-position: center;
	background-color: #fff;
	display: inline-block;
	width: 307px;
	height: 76px;
	order: -2;
	opacity: 1;
	margin: 11px 7px 0 0;
	padding: 11px 10px 10px 88px;
	font-size: 2.0rem;
	font-weight: bold;
	border-radius: 10px;
	box-sizing: border-box;
	transition:ease 0.2s opacity;
	text-align: left;
}
#tp01 .tab .tab__item button:nth-of-type(3n) {
	margin: 11px 0 0 0;
}
#tp01 .tab div.tab_panel {
	/*display: block!important;*/
	margin-top: 20px;
}
#tp01 .tab .tab__item button#tab1_button-tp01 {
	color: #218feb;
}
#tp01 .tab .tab__item button#tab2_button-tp01 {
	color: #76bd0a;
}
#tp01 .tab .tab__item button#tab3_button-tp01 {
	color: #f43f3f;
}
#tp01 .tab .tab__item button::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 35px;
	right: 10px;
	border: 7px solid transparent;
	border-top: 10px solid #7a785f;
}
#tp01 .tab .tab__item button::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 56px;
	height: 56px;
	left: 13px;
	top: 11px;
}
#tp01 .tab .tab__item button#tab1_button-tp01::before {
	background: url("https://azby.fmworld.net/manabi/course/tp01/images/tp01_ls_ic01.png") no-repeat top 0 left 0/56px 56px;
}
#tp01 .tab .tab__item button#tab2_button-tp01::before {
	background: url("https://azby.fmworld.net/manabi/course/tp01/images/tp01_ls_ic02.png") no-repeat top 0 left 0/56px 56px;
}
#tp01 .tab .tab__item button#tab3_button-tp01::before {
	background: url("https://azby.fmworld.net/manabi/course/tp01/images/tp01_ls_ic03.png") no-repeat top 0 left 0/56px 56px;
}
#tp01 .tab .tab__item button:hover{
	opacity:0.7;
}
#tp01 .tab .tab__item.is-active button {
	font-weight: bold;
	box-sizing: border-box;
	position: relative;
}
#tp01 .tab .tab__item.is-active button::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 35px;
	right: 10px;
	border: 7px solid transparent;
	border-top: 10px solid #fff;
}
#tp01 .tab .tab__item.is-active button#tab1_button-tp01 {
	color: #fff;
	background-color: #218feb;
}
#tp01 .tab .tab__item.is-active button#tab2_button-tp01 {
	color: #fff;
	background-color: #80cc0f;
}
#tp01 .tab .tab__item.is-active button#tab3_button-tp01 {
	color: #fff;
	background-color: #f43f3f;
}

/* clearFix
------------------------------------- */
#tp01 .navArea .tp01Nav:after,
#tp01 .navArea .tp01Nav .colTwoNavArea:after,
#tp01 .colTwoWrap:after,
#tp01 .colTwoArea02:after {
	display: block;
	clear: both;
	content: "";
}
/* /azbydocs/manabi/course/tp01/css/tp01.css から流用 ここまで */


/*============================================================================*/
/* /azbydocs/manabi/course/oe01/css/oe01.css から流用 ここから */

/* オンラインコースの特長
------------------------------------- */
#oe01 .glayArea p + p{
  margin-top: 10px;
}
#oe01 .whiteTable{
  margin: 30px 60px 0;
  padding: 15px 0;
  border-radius: 10px;
  /*background: #fbfaf8;*/
  background: #fff;
  text-align: center;
  box-shadow: 1px 3px 5px #c9c4b3;
}
#oe01 .whiteTable .tableTxt{
  margin-bottom: 15px;
  font-size: 1.6rem;
}


/* 特長① 学研スマートドリルで本格学習！
------------------------------------- */
#oe01 section .subSection h3{
  background: #8eb84a;
  color: #ffffff;
}
#oe01 section .subSection .colTwoBox .whiteBox{
  padding: 10px 52px 0;
}
#oe01 section .subSection .colTwoBox .greenBox{
  float: right;
  padding: 10px 69px 0;
  background: #6da95c;
}


/*小学生でも気軽に始められる豊富なメニュー*/
#oe01 section .subSection .subSection .whiteBox{
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 1px 3px 5px #c9c4b3;
  font-size: 1.4rem;
}
#oe01 section .subSection .subSection .whiteBox:last-child{
  margin-top: 25px;
}
#oe01 section .subSection .subSection .colWhiteBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 1px 3px 5px #c9c4b3;
  font-size: 1.4rem;  
}
#oe01 section .subSection .subSection .colWhiteBox .engImg{
  width: 42%;
}
#oe01 section .subSection .subSection .colWhiteBox .engImg img{
  width: 100%;
  height: auto;
}
#oe01 section .subSection .subSection .colWhiteBox .lastSection{
  width: 55%;
}
#oe01 section .subSection .subSection .colWhiteBox .lastSection h5{
  margin-bottom: 8px;
  font-size: 1.8rem;
  text-align: center;
}
#oe01 section .subSection .subSection .colWhiteBox .lastSection p + p{
  margin-top: 12px;
}
#oe01 section .subSection .subSection .colWhiteBox .lastSection .liTitle{
  margin-bottom: 5px;
  font-size: 1.6rem;
  text-decoration: underline;
}
#oe01 section .subSection .subSection .colWhiteBox .lastSection ul{
  padding-left: 25px;
  list-style: disc;
}
#oe01 section .subSection .subSection .colWhiteBox .lastSection ul li + li{
  margin-top: 2px;
}


/*気軽に学習できるシステム*/
#oe01 section .subSection .subSection .colTwoWhite li{
  width: 306px;
  padding-left: 130px;
}
#oe01 section .subSection .subSection .colTwoWhite li:nth-of-type(-n+4){
  margin-bottom: 15px;
}
#oe01 section .subSection .subSection .colTwoWhite li:nth-of-type(1){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic01.png) no-repeat left 18px center,#f7f6f4;
}
#oe01 section .subSection .subSection .colTwoWhite li:nth-of-type(2){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic02.png) no-repeat left 18px center,#f7f6f4;
}
#oe01 section .subSection .subSection .colTwoWhite li:nth-of-type(3){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic03.png) no-repeat left 18px center,#f7f6f4;
}
#oe01 section .subSection .subSection .colTwoWhite li:nth-of-type(4){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic04.png) no-repeat left 18px center,#f7f6f4;
}
#oe01 section .subSection .subSection .colTwoWhite li:last-child{
  padding-bottom: 15px;
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic05.png) no-repeat left 18px center,#f7f6f4;
}
.course #oe01 section .subSection .subSection .colTwoWhite li{
  background-color: #fff;
}


/*予習、授業、復習のサイクルで学習効果が大きく上がる*/
#oe01 section .subSection .subSection .colThreeBox01{
  font-size: 1.6rem;
  color: #2f2217;
  text-align: center;
}
#oe01 section .subSection .subSection .colThreeBox01 li{
  position: relative;
  float: left;
  width: 250px;
  padding: 190px 15px 15px;
  border-radius: 10px;
  box-shadow: 1px 3px 5px #c9c4b3;
}
#oe01 section .subSection .subSection .colThreeBox01 li:nth-of-type(-n+2){
  margin-right: 50px;
}
#oe01 section .subSection .subSection .colThreeBox01 li:nth-of-type(-n+2)::after{
  content: '';
  position: absolute;
  top: 50%;
  right: -41px;
  width: 30px;
  height: 28px;
  margin-top: -5px;
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic06.png) no-repeat;
  background-size: 30px 28px;
}
#oe01 section .subSection .subSection .colThreeBox01 li:nth-of-type(1){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_im12.png) no-repeat center top 15px,#f7f6f4;
}
#oe01 section .subSection .subSection .colThreeBox01 li:nth-of-type(2){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_im13.png) no-repeat center top 15px,#f7f6f4;
}
#oe01 section .subSection .subSection .colThreeBox01 li:nth-of-type(3){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_im14.png) no-repeat center top 15px,#f7f6f4;
}
.course #oe01 section .subSection .subSection .colThreeBox01 li{
  background-color: #fff;
}

/*予習、授業、復習のサイクルで学習効果が大きく上がる*/
#oe01 section .subSection .subSection .colThreeBox02 li{
  position: relative;
  float: left;
  width: 250px;
  padding: 190px 15px 15px;
  border-radius: 10px;
  box-shadow: 1px 3px 5px #c9c4b3;
  color: #2f2217;
  text-align: center;
}
#oe01 section .subSection .subSection .colThreeBox02 li:nth-of-type(1){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_im15.png) no-repeat center top 15px,#f7f6f4;
}
#oe01 section .subSection .subSection .colThreeBox02 li:nth-of-type(2){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_im16.png) no-repeat center top 15px,#f7f6f4;
}
#oe01 section .subSection .subSection .colThreeBox02 li:nth-of-type(3){
  background: url(https://azby.fmworld.net/manabi/course/oe01/images/oe01_im17.png) no-repeat center top 15px,#f7f6f4;
}
.course #oe01 section .subSection .subSection .colThreeBox02 li{
  background-color: #fff;
}
#oe01 section .subSection .subSection .colThreeBox02 li:nth-of-type(-n+2){
  margin-right: 50px;
}
#oe01 section .subSection .subSection .colThreeBox02 li dt{
  margin-bottom: 2px;
  font-size: 1.6rem;
  font-weight: bold;
}
#oe01 section .subSection .subSection .colThreeBox02 li dd{
  font-size: 1.4rem;
  text-align: left;
}

/*レッスン風景*/
#oe01 section .subSection .subSection .movieTxt{
  margin-bottom: 5px;
  font-size: 1.8rem;
  color: #2f2217;
  text-align: center;
}
#oe01 section .subSection .subSection .movieArea{
  text-align: center;
}


/* 動作環境　180829追加
------------------------------------- */
.course #question .tabQuestion .questionList dd.wrap01 p {
	padding: 0 0 0 18px;
}


/* よくある質問
------------------------------------- */
#question .tabTitle ul li:first-child{
  border: 1px solid #8eb84a;
  background: #8eb84a;
}
.course #oe01 #question .tabTitle ul li:first-child{
  border-bottom: 1px solid #8eb84a;
}
.course #question .tabArea.sel01 .tabTitle ul li.active{
  border: 1px solid #45680b;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #45680b;
}
.course #question .tabArea.sel01 .tabQuestion{
  border: 1px solid #45680b;
  background: #ecf2e2;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #45680b;
}


/*#question .tabTitle ul li:last-child{
  border: 1px solid #e18d8d;
  background: #8eb84a;
}*/
/*.course #oe01 #question .tabTitle ul li:last-child{
  border-bottom: 1px solid #e18d8d;
}*/
.course #question .tabArea.sel02 .tabTitle ul li.active{
  border: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion{
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}
.course #question .tabTitle ul li img{
  padding-bottom: 5px;
}




/* レイアウト改修（181003）
------------------------------------- */

/* オンライン英会話追記
------------------------------------- */
#oe01 .bgWhite li:last-child img, 
#oe01 .bgWhite li:first-child img {
  padding-top: 0; 
}

#oe01 .txtimgArea dl dt span.bgYellow {
  background-color: #fff5ab;
}
#oe01 .txtimgArea dl dt p.tableTxt {
  padding: 10px 0 0 14px;
  font-weight: normal;
}
#oe01 .txtimgArea dl dd.tableImg {
  text-align: center;
}

#oe01 .txtimgArea .textArea01.txtPt0 {
  padding-top: 0;
}
#oe01 .txtimgArea .textArea01 .subTxt {
  margin-top: 7px;
  padding: 10px;
  border: dashed 1px #3e1a09;
  border-radius: 10px;
  line-height: 160%;
  font-size: 1.3rem;
}

#oe01 .txtimgArea .textArea01 .btn02Pos {
  top: 157px;
  left: 266px;
}
#oe01 .txtimgArea dl dd+dd {
  padding-top: 0;
}

/* オンライン英会話追記（190418追加）
------------------------------------- */
#oe01 .txtimgArea .textArea01.txtPt0 p{
	font-size: 1.6rem;
	line-height: 180%;
}
#oe01 .txtimgArea .textArea01 .btn02.oe02btn a{
	width:300px;
}
.course .txtimgArea .textArea01 .btn02.oe02btn span{
	padding: 8px 5px 4px 4px;
}
#oe01 .txtimgArea .textArea01 .btn02.oe02btn.english{
	top: 143px;
	left: 250px;
}
#oe01 .txtimgArea .textArea01 .btn02.oe02btn.business{
	top: 143px;
	left: 305px;
}
@media screen and (max-width: 767px) {
  #oe01 .txtimgArea .textArea01 .btn02.oe02btn a{
	width: 100%;
}
}

/* オンライン英会話ポップアップ（181011追加）
------------------------------------- */
#oe01Popup dl {
  padding: 32px 50px;
  font-size: 1.4rem;
}
#oe01Popup dl dt {
  padding-bottom: 15px;
  font-size: 2.0rem;
  text-align: left;
}
#oe01Popup dl dd.engImg {
  width: 40%;
  float: left;
}
#oe01Popup dl dd.engImg img {
  width: 100%;
  height: auto;
}
#oe01Popup dl dd.txtRight {
  width: 54%;
  float: right;
  text-align: left;
}
#oe01Popup dl dd.txtRight .liTitle {
  margin: 12px 0 0 5px;
  font-size: 1.6rem;
  text-decoration: underline;
}
#oe01Popup dl dd.txtRight ul {
  padding-left: 25px;
  list-style: disc;
}


/* オンライン英会話タブ切り替えエリア追加（211029追加）
------------------------------------- */
#oe01 .tab_area_bg {
	background-color: #fffde8;
	padding: 40px 20px 20px;
	margin: 20px -20px 10px;
	font-size: 1.6rem;
}
#oe01 .tab_area_ttl {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#oe01 .tab-content-container {
	padding-top: 0.75em;
}
#oe01 .tab .flex_box {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
#oe01 .tab .lead_text {
	background: #009748 url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_bg02.png");
	padding: 14px 10px 8px;
	border-radius: 10px 10px 0 0;
	justify-content: center;
	align-items: center;
}
#oe01 .tab .lead_text div {
	padding-top: 6px;
}
#oe01 .tab .lead_text p {
	font-size: 2.7rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.2rem;
	margin-left: 16px;
}
#oe01 .tab .tab_col_area {
	background-color: #fff;
	border: 1px solid #009748;
	border-radius: 0 0 10px 10px;
	margin: 0 auto 30px;
	padding: 14px 28px 28px;
}
#oe01 .tab .tab_col_area dl {
	width: 420px;
	border: none;
}
#oe01 .tab .tab_col_area dl dt {
	border-bottom: 1px solid #009748;
	align-items: baseline;
	margin: 12px 0;
}
#oe01 .tab .tab_col_area dl dt .tab_col_num {
	font-size: 1.3rem;
	color: #009748;
}
#oe01 .tab .tab_col_area dl dt .tab_col_num strong {
	font-size: 170%;
	padding: 0 4px;
}
#oe01 .tab .tab_col_area dl dd .bold {
	font-weight: bold;
}

#oe01 .tab button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#oe01 .tab {
  width: 100%;
  /*margin-top: 30px;*/
  padding-top: 0.75em;
}
#oe01 .tab .tab__list {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0;
  flex-wrap: wrap;
}
#oe01 .tab .tab__item.is-active {
  opacity: 1;
}
#oe01 .tab .tab__text {
  display: block;
  font-size: 25px;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
#oe01 .tab .tab__content-item {
  display: none;
}
#oe01 .tab .tab__content-item.is-active {
  display: block;
}
#oe01 .tab .tab__item button {
	float: left;
	cursor: pointer;
	opacity: 1;
	width: 307px;
	height: 54px;
	margin: 11px 7px 0 0;
	padding: 11px 10px 10px 48px;
	box-sizing: border-box;
	display:inline-block;
	transition:ease 0.2s opacity;
	text-align: left;
	font-size: 2.0rem;
	font-weight: bold;
	color: #009748;
	background-color: #fff;
	border: 1px solid #009748;
	order: -2;
	border-radius: 10px;
	background-position: center;
	position: relative;
}
#oe01 .tab .tab__item button:nth-of-type(3n) {
	margin: 11px 0 0 0;
}
#oe01 .tab div.tab_panel {
	/*display: block!important;*/
	margin-top: 30px;
}
#oe01 .tab .tab__item button:hover{
	opacity:0.7;
}
#oe01 .tab .tab__item button::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 8px;
	border: 7px solid transparent;
	border-top: 10px solid #009748;
}
#oe01 .tab .tab__item button::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic07_off.png") no-repeat top 0 left 0/29px 25px;
	width: 29px;
	height: 25px;
	left: 8px;
	top: 13px;
}
#oe01 .tab button#tab3_button-oe01 {
	font-size: 1.8rem;
	padding: 13px 10px 10px 48px;
	margin-right: 0;
}
#oe01 .tab button#tab4_button-oe01 {
	font-size: 1.7rem;
	padding: 16px 10px 10px 48px;
}
#oe01 .tab button#tab6_button-oe01 {
	margin-right: 0;
}
#oe01 .tab .tab__item.is-active button {
	font-weight: bold;
	color: #fff;
	background-color: #009748;
	border: 1px solid #009748;
	box-sizing: border-box;
	position: relative;
}
#oe01 .tab .tab__item.is-active button::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 8px;
	border: 7px solid transparent;
	border-top: 10px solid #fff;
}
#oe01 .tab .tab__item.is-active button::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic07_on.png") no-repeat top 0 left 0/29px 25px;
	width: 29px;
	height: 25px;
	left: 8px;
	top: 13px;
}


/* tab_button */
#oe01 .tab .tab__item #tab2_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic08_off.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item.is-active #tab2_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic08_on.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item #tab3_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic09_off.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item.is-active #tab3_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic09_on.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item #tab4_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic10_off.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item.is-active #tab4_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic10_on.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item #tab5_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic11_off.png") no-repeat top 0 left 0/30px 30px;
}
#oe01 .tab .tab__item.is-active #tab5_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic11_on.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item #tab6_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic12_off.png") no-repeat top 0 left 0/29px 25px;
}
#oe01 .tab .tab__item.is-active #tab6_button-oe01::before {
	background: url("https://azby.fmworld.net/manabi/course/oe01/images/oe01_ic12_on.png") no-repeat top 0 left 0/29px 25px;
}


/* 受講体系比較エリア修正など（221122追加）
------------------------------------- */
.course #oe01 .titleBox02 {
  width: auto;
  text-align: left;
}
.course #oe01 .titleBox02 span {
  padding-top: 12px;
}
.course #oe01 .txtimgArea dl dt span.bgColor {
  font-size: 120%;
}
.course #oe01 .courseinfoArea {
  padding: 0 0 30px;
  border-bottom: dashed 1px #ccc;
}
.course #oe01 .courseinfo {
  background: #f4f5f8 url(https://azby.fmworld.net/manabi/course/oe01/images/courseinfo_bg.png) no-repeat right top;
  margin: 0 -20px;
}
.course #oe01 .courseinfo > p {
  font-size: 1.8rem;
  margin: 0px 40px 0;
  text-shadow: 2px 2px 0px #fff, -2px -2px 0 #fff, -2px 2px 0px #fff, 2px -2px 0 #fff, 0px 2px 0px #fff, 0px -2px 0 #fff, -2px 0px 0px #fff, 2px 0 0 #fff;
  line-height: 1.4;
}
.course #oe01 .courseinfo ul {
  margin: -20px auto 0;
  display: table;
}
.course #oe01 .courseinfo ul li {
  border: none;
  width: auto;
  background: no-repeat;
  margin: 0 !important;
  border-radius: inherit;
}
.course #oe01 .courseinfo ul li {
  display: table-cell;
  text-align: center;
}
.course #oe01 .courseinfo ul li:first-of-type img {
  padding-top: 30px;
}
.course #oe01 .courseinfo div {
  margin: 10px auto;
  text-align: center;
}
.course #oe01 .txtimgArea dl dt p.lead {
  font-weight: normal;
  color: #333;
  margin: 15px 10px 25px;
}
.course #oe01 .colBtnArea .secondaryBtn ul {
  display: table;
  width: auto;
  border-spacing: 20px 0;
  margin: 10px -50px 0;
}
.course #oe01 .colBtnArea .secondaryBtn ul li {
  display: table-cell;
}
.course #oe01 .colBtnArea .secondaryBtn ul li a {
  background: none !important;
  box-shadow: none;
  width: auto;
  padding: 0;
  border-radius: inherit;
  margin: 0 auto;
}
.course #oe01 ul.courseinfo_link li a:hover {
  opacity: 0.7;
}


/* お知らせ掲載時記述（230201追加）
------------------------------------- */
.course #oe01 .characteristicArea p.anno {
  margin: 5px 0 0 520px;
  width: 460px;
  text-align: right;
  line-height: 1.3;
  font-size: 1.4rem;
}
/* お知らせ掲載時_英会話コースコンテンツ調整 ここから */
.course #oe01 .courseinfo ul {
  margin: -40px auto 0;
}
.course #oe01 div.courseinfo_notice {
  margin: -10px auto 10px;
  padding: 10px 30px 20px;
  background: #fff;
  text-align: left;
  /*width: 850px;*/
  width: 910px;
}
.course #oe01 div.courseinfo_notice div {
  margin: 0 auto;
  padding: 15px 25px;
  font-size: 1.5rem;
  text-align: left;
  border: 1px solid #f00;
  background: #fff;
}
.course #oe01 div.courseinfo_notice h5 {
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.course #oe01 .courseinfo div.courseinfo_notice a {
  padding-right: 0.25em;
}
.course #oe01 .colBtnArea div.courseinfo_notice {
  margin: 0 auto;
  background: none;
}
/* お知らせ掲載時_英会話コースコンテンツ調整 ここまで */

/* clearFix
------------------------------------- */
#oe01Popup dl:after {
  display: block;
	clear: both;
	content: "";
}
/* /azbydocs/manabi/course/oe01/css/oe01.css から流用 ここまで */


/*============================================================================*/
/* /azbydocs/manabi/course/pg02/css/pg02.css から流用 ここから */

/* オンラインコースの特長
------------------------------------- */
#pg02 .notes {
  font-size: 1.3rem;
  margin-top: 15px;
  padding-left: 1.4em;
  position: relative;
}
#pg02 .notes:after {
  position: absolute;
  content: "※";
  top: 0;
  left: 4px;
}

/* 特長① 学研スマートドリルで本格学習！
------------------------------------- */
#pg02 section .subSection h3 {
  background: #5D994D;
  color: #ffffff;
}
#pg02 section .subSection .colTwoBox img {
  vertical-align: bottom;
}
#pg02 section .subSection .colTwoBox .hLogoBox {
  float: left;
  padding: 0;
}
#pg02 section .subSection .colTwoBox .hLogoBox img {
  border-radius: 10px;
}
/*#pg02 section .subSection .colTwoBox .greenBox{
  float: right;
  padding: 0 17px;
  background: #40832D;
}*/

/*ロゴ右テキスト greenBox(180725追加) */
#pg02 section .subSection .colTwoBox .greenBox {
  float: right;
  padding: 0px 15px;
  background: #40832D;
  color: #fff;
  letter-spacing: 0.03em;
  font-size: 1.7rem;
  width: 526px;
  text-align: center;
}
#pg02 section .subSection .colTwoBox .greenBox span {
  display: block;
  padding-top: 23px;
}
#pg02 section .subSection .colTwoBox .greenBox span em.pink {
  color: #fd9797;
}

/*サービス内容 */
#pg02 section .subSection .subSection .service {
  width: 100%;
  border: 1px solid #333333;
  background: #ffffff;
  font-size: 1.7rem;
  line-height: 1.4;
}
#pg02 section .subSection .subSection .service .w40 {
  width: 40%;
}
#pg02 section .subSection .subSection .service .w60 {
  width: 60%;
}
#pg02 section .subSection .subSection .service tr + tr {
  border-top: 1px solid #333333;
}
#pg02 section .subSection .subSection .service th {
  border-right: 1px solid #333333;
  background: #F2F2F2;
}
#pg02 section .subSection .subSection .service th, #pg02 section .subSection .subSection .service td {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

/* 学習の流れ */
#pg02 section .subSection .subSection .whiteBox {
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 2px 3px 5px #b8b3a4;
  font-size: 1.6rem;
  line-height: 1.4;
}
#pg02 section .subSection .subSection .whiteBox p + p {
  margin-top: 15px;
}
#pg02 section .subSection .subSection .colTwoMovie {
  margin-top: 20px;
}
#pg02 section .subSection .subSection .colTwoMovie li {
  width: 405px;
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 2px 3px 5px #b8b3a4;
  text-align: center;
}
#pg02 section .subSection .subSection .colTwoMovie li p {
  line-height: 1;
}

/*マイクラキングって誰？～開発者紹介～ textImageArea(180720追加)*/
#pg02 section .subSection .subSection .colTwoWhite .txtArea01 {
  width: 464px;
  padding: 20px 20px 0;
}
#pg02 section .subSection .subSection .colTwoWhite .txtArea01 p {
  font-size: 1.6rem;
  line-height: 1.6;
}
#pg02 section .subSection .subSection .colTwoWhite .txtArea01 p + p {
  margin-top: 10px;
}
#pg02 section .subSection .subSection .colTwoWhite .txtArea01 .normalTxt {
  line-height: 1.4;
}
#pg02 section .subSection .subSection .colTwoWhite .txtArea01 .normalTxt strong {
  font-size: 2.4rem;
}
#pg02 section .subSection .subSection .colTwoWhite .imageArea01 {
  width: 406px;
}
#pg02 section .subSection .subSection .mt15 {
  margin-top: 15px;
}
#pg02 section .subSection .subSection .colTwoWhite .txtArea {
  width: 400px;
  padding: 0 30px;
}
#pg02 section .subSection .subSection .colTwoWhite .txtArea p {
  font-size: 1.6rem;
}
#pg02 section .subSection .subSection .colTwoWhite .imageArea {
  width: 450px;
}
#pg02 section .subSection .subSection .textImageArea .bgType01 {
  background-color: #fff;
  background-image: url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg01.png), url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg02.png);
  background-repeat: no-repeat;
  background-position: 15px 20px, 420px 245px;
}
#pg02 section .subSection .subSection .textImageArea .bgType01 p {
  padding: 103px 0 0 14px;
}
#pg02 section .subSection .subSection .textImageArea .bgType02 {
  background-color: #fff;
  background-image: url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg01.png), url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg02.png);
  background-repeat: no-repeat;
  background-position: 475px 20px, 880px 245px;
}
#pg02 section .subSection .subSection .textImageArea .bgType02 p {
  padding: 92px 18px 0 0;
}

/*マイクラッチって何ができるの？*/
#pg02 section .subSection .subSection .colTwoTM {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pg02 section .subSection .subSection .colTwoTM p {
  width: 52%;
}

/*マインクラフトで学ぶってどういうこと？ */
.subSection .colOneWhite .inner {
  width: 940px;
  padding: 20px 0;
  border-radius: 10px;
  /* background: #f7f6f4; */
  background: #fff;
  box-shadow: 2px 3px 5px #b8b3a4;
  text-align: center;
}

/*ブロックを組み立てるだけ、かんたんゲーム作成*/
#pg02 section .subSection .subSection .whiteImg {
  border-radius: 10px;
  box-shadow: 2px 3px 5px #b8b3a4;
}

/*QUREO動画*/
#pg02 section .subSection .subSection .colTwoMovie li:first-child {
  float: left;
}
#pg02 section .subSection .subSection .colTwoMovie li:last-child {
  float: right;
}
#pg02 section .subSection .subSection .colTwoMovie li p {
  text-align: center;
  font-size: 1.3em;
  margin-top: 10px;
}

/*QUREOの強み*/
#pg02 section .subSection .subSection .colThreeWhite li {
  float: left;
  width: 250px;
  padding: 205px 20px 20px;
  border-radius: 10px;
  box-shadow: 2px 3px 5px #b8b3a4;
  font-size: 1.4rem;
}
#pg02 section .subSection .subSection .colThreeWhite li:nth-of-type(1) {
  background: url(https://azby.fmworld.net/manabi/course/pg02/images/pg02_lg01.png) no-repeat center top 80px, #ffffff;
}
#pg02 section .subSection .subSection .colThreeWhite li:nth-of-type(2) {
  background: url(https://azby.fmworld.net/manabi/course/pg02/images/pg02_lg02.png) no-repeat center top 95px, #ffffff;
}
#pg02 section .subSection .subSection .colThreeWhite li:nth-of-type(3) {
  background: url(https://azby.fmworld.net/manabi/course/pg02/images/pg02_lg03.png) no-repeat center top 25px, #ffffff;
}
#pg02 section .subSection .subSection .colThreeWhite li + li {
  margin-left: 35px;
}

/* よくある質問
------------------------------------- */
#question .tabTitle ul li:first-child {
  border: 1px solid #6DA35F;
  background: #5D994D;
}
.course #pg02 #question .tabTitle ul li:first-child {
  border-bottom: 1px solid #6DA35F;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child) {
  border-top: 1px solid #41892e;
}
.course #question .tabArea.sel01 .tabQuestion {
  border: 1px solid #41892e;
  background: #f3f8f2;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #41892e;
}
/*#question .tabTitle ul li:last-child{
  border: 1px solid #e18d8d;
  background: #5D994D;
}*/
/*.course #pg02 #question .tabTitle ul li:last-child{
  border-bottom: 1px solid #e18d8d;
}*/
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child) {
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion {
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}
.course #question .tabTitle ul li img {
  padding-bottom: 4px;
}

/* レイアウト改修（181005）
------------------------------------- */
/* マイクラッチページ追記
------------------------------------- */
#pg02 .titleBox02 .red {
  color: #fe5958;
  font-weight: bold;
}
#pg02 .txtimgArea dl.pb42 {
  padding-bottom: 42px;
}
#pg02 .txtimgArea .textArea01 {
  padding-top: 0;
}
#pg02 .txtimgArea .textArea01 .btn02Pos {
  top: 177px;
  left: 225px;
}
#pg02 .txtimgArea .textArea01 .btn02Pos-2 {
  top: 120px;
  left: 280px;
}

/* マイクラッチ 注意事項エリア
------------------------------------- */
#pg02 .txtimgArea dl.attentionArea {
  padding-bottom: 20px;
}
#pg02 .txtimgArea dl.attentionArea dt span.bgYellow {
  background-color: #fff5ab;
}
#pg02 .txtimgArea dl.attentionArea dd li {
  position: relative;
  padding-left: 34px;
  font-size: 1.6rem;
}
#pg02 .txtimgArea dl.attentionArea dd li + li {
  margin-top: 10px;
}
#pg02 .txtimgArea dl.attentionArea dd li:nth-of-type(1):after {
  position: absolute;
  content: "[1]";
  top: 0;
  left: 4px;
}
#pg02 .txtimgArea dl.attentionArea dd li:nth-of-type(2):after {
  position: absolute;
  content: "[2]";
  top: 0;
  left: 4px;
}
#pg02 .txtimgArea dl.attentionArea dd p.text {
  font-size: 1.2rem;
}

/* howtolearnArea
------------------------------------- */
.course .txtimgArea dl.howtolearnArea {
  border-bottom: 0;
  padding: 12px 0 0;
}
.course .txtimgArea dl.howtolearnArea ul {
  display: table;
  border-spacing: 16px 0;
  margin: 0 -16px;
  padding: 0;
}
.course .txtimgArea dl.howtolearnArea li {
  background: #e8f0f2;
  border-radius: 10px;
  display: table-cell;
  color: #282828;
  width: 50%;
  box-sizing: border-box;
  padding: 10px 15px;
}
.course .txtimgArea dl.howtolearnArea li img {
  float: left;
}
.course .txtimgArea dl.howtolearnArea li p {
  margin: 10px 5px 0 130px;
  font-size: 12px;
}
.course .txtimgArea dl.howtolearnArea li dl {
  margin: 10px 5px 10px 130px;
  font-size: 12px;
  border-bottom: 0;
  padding: 0;
}
.course .txtimgArea dl.howtolearnArea li dl dt {
  margin: 0 auto 5px;
  font-size: 12px;
  font-weight: normal;
}
.course .txtimgArea dl.howtolearnArea li dl dd {
  display: inline-block;
  padding: 0 0 0.25em 1.5em;
  text-indent: -1em;
}
.course .txtimgArea dl.howtolearnArea li dl dd:before {
  content: "・";
}
.course .txtimgArea dl.howtolearnArea li:first-of-type span {
  color: #1890ff;
}
.course .txtimgArea dl.howtolearnArea li:last-of-type span {
  color: #ff1864;
}
.course .txtimgArea dl.howtolearnArea dd.compare {
  margin: 20px 0 0 -20px;
}
.course .txtimgArea dl.howtolearnArea dd.compare img {
  vertical-align: bottom;
  border-radius: 0 0 10px 10px;
}

/* マイクラッチポップアップ（181009追記）
------------------------------------- */
#pg02Popup .textImageArea {
  width: 980px;
  text-align: left;
}
#pg02Popup .textImageArea dt {
  padding: 32px 0 0 55px;
  font-size: 2.0rem;
}
#pg02Popup .textImageArea .colTwoWhite li {
  padding: 20px 0 0;
}
#pg02Popup .textImageArea .colTwoWhite li:nth-of-type(odd) {
  float: left;
}
#pg02Popup .textImageArea .colTwoWhite li:nth-of-type(2n) {
  float: right;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 {
  width: 495px;
  padding: 20px 20px 0 55px;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 .normalTxt {
  line-height: 1.4;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 .normalTxt strong {
  font-size: 2.4rem;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 p {
  font-size: 1.6rem;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 p + p {
  margin-top: 10px;
}
#pg02Popup .textImageArea .colTwoWhite .imageArea01 {
  width: 406px;
  text-align: center;
}

/* マイクラッチポップアップ-2（210519追記）
------------------------------------- */
#pg02Popup-2 .textImageArea {
  max-width: 980px;
  text-align: left;
  padding: 35px 55px 50px;
  box-sizing: border-box;
}
#pg02Popup-2 .textImageArea dt {
  font-size: 2.3rem;
  border-bottom: 3px solid #209ce9;
  margin: 0 -5px;
  padding: 0 5px;
}
#pg02Popup-2 .textImageArea .colTwoWhite li {
  padding: 30px 0 0;
  min-height: auto !important;
}
#pg02Popup-2 .textImageArea .colTwoWhite .txtArea01 p {
  font-size: 1.6rem;
  line-height: 1.6;
}
#pg02Popup-2 .textImageArea .colTwoWhite .txtArea01 p + p {
  margin-top: 20px;
}
#pg02Popup-2 .textImageArea .colTwoWhite .txtArea01 p span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ffff00 0%) repeat scroll 0 0;
  margin: 0 0.2em 0 0.2em;
}
#pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg {
  background: #bcdcf0;
  display: table;
}
#pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg img {
  vertical-align: middle;
  display: table-cell;
}
#pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg figcaption {
  vertical-align: middle;
  display: table-cell;
}
#pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg figcaption p {
  margin: 0 25px 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  #pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg {
    background: #bcdcf0;
    display: block;
  }
  #pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg img {
    vertical-align: middle;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*padding: 20px 0 10px;*/
  }
  #pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg figcaption {
    vertical-align: middle;
    display: block;
    padding: 20px 0;
  }
  #pg02Popup-2 .textImageArea .colTwoWhite .imageArea01 .colTwoImg figcaption p {
    margin: 0 25px 15px;
    font-size: 1.5rem;
  }
}

/* コンテストバナー追加 210713
------------------------------------- */
.course .contest_bnr {
	text-align: center;
}
.course .contest_bnr img {
	width: calc(100% - 40px);
	margin: 16px auto 12px;
}
.course .contest_bnr a:hover {
	opacity: 0.8;
}

/* カリキュラムエリア更新 210729
------------------------------------- */
.course #pg02 .curriculumArea .curriculum {
	padding: 20px 0;
	margin: 0 20px;
}
.course #pg02 .curriculumArea p.leadText {
	font-size: 3.0rem;
	font-weight: bold;
	color: #1584e1;
	margin-bottom: 20px;
}
.course #pg02 .curriculumArea p.leadText span {
	background-color: #1584e1;
	color: #fff;
	margin-right: 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
}
.course #pg02 .curriculumArea ul li {
	border: none;
}
.course #pg02 .curriculum01 ul li {
	border: 2px solid #1584e1;
}
.course #pg02 .curriculum01 ul li dl .dd-lead {
	font-size: 1.7rem;
	padding: 0 12px 8px;
}

.course #pg02 .curriculum02 .flexBox {
	background-color: #fff;
	padding: 30px 20px 40px;
	align-items: center;
	border: 2px solid #86c8ff;
	border-radius: 10px;
}
.course #pg02 .txtimgArea .textArea01 {
	padding: 0;
	font-size: 1.5rem;
}
.course .curriculum02 ul {
	width: 516px;
	display: block;
	padding: 0;
}
.course #pg02 .curriculum02 ul li {
	width: 516px;
	margin-top: 25px !important;
	position: relative;
}
.course #pg02 .curriculum02 ul li::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 12px;
	height: 12px;
	left: -18px;
	top: 4px;
	border-radius: 50%;
	background-color: #86c8ff;
}
.course #pg02 .curriculum02 ul li:first-of-type {
	margin-top: 0 !important;
}
.course #pg02 .curriculum02 ul li span {
	color: #1584e1;
	font-weight: bold;
}
.course #pg02 .curriculum03 .subText {
	width: 840px;
	margin: -8px auto 8px;
	font-size: 1.6rem;
}
.course #pg02 .curriculum03 ul {
	width: 936px;
	margin: 0 auto;
}
.course #pg02 .curriculum03 ul li {
	width: 302px;
	color: #fff;
	background-color: #e29503;
	text-align: center;
	letter-spacing: 0.1rem;
	margin-right: 15px;
	position: relative;
}
.course #pg02 .curriculum03 ul li::after {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://azby.fmworld.net/manabi/course/pg02/images/pg02_ic01.png") no-repeat top left;
	width: 57px;
	height: 95px;
	top: -14px;
	left: -12px;
}
.course #pg02 .curriculum03 ul li:last-of-type {
	margin-right: 0;
}
.course #pg02 .curriculum03 ul li dl {
	min-height: 64px;
}
.course #pg02 .curriculum03 ul li dl dt {
	padding: 14px 10px 5px;
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	margin: 0;
}
.course #pg02 .curriculum03 ul li dl dd {
	font-size: 1.4rem;
	font-weight: normal;
}
.course #pg02 .curriculum03 ul li:nth-of-type(2) dl dt {
	font-size: 1.5rem;
	margin-left: 24px;
}
.course #pg02 .curriculum03 ul li .imgArea01 {
	width: 296px;
	margin: 0 auto;
	padding: 4px;
}
.course #pg02 .curriculum03 .movieSub {
	width: 936px;
	margin: 0 auto;
	font-size: 1.4rem;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.course #pg02 .curriculum03 .movieSub p {
	background-color: #fff;
	padding: 14px 16px;
	border-radius: 16px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	font-size: 94%;
}
.course #pg02 .curriculum03 .movieSub p:first-of-type {
	width: 302px;
	margin-right: 15px;
}
.course #pg02 .curriculum03 .movieSub p:nth-of-type(2) {
	width: 622px;
	/*padding: 14px 22px;*/
}

/* 身につく力 エリア追加 211119
------------------------------------- */
.course #pg02 .abilityArea {
	max-width: 936px;
	margin: 0 auto;
	padding: 55px 30px 25px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	border-bottom: dashed 1px #ccc;
	box-sizing: border-box;
}
.course #pg02 .abilityArea p {
	font-size: 1.5rem;
}
.course #pg02 .abilityArea strong {
	font-size: 120%;
}
.course #pg02 .abilityArea .colLeft {
	width: 376px;
	text-align: center;
}
.course #pg02 .abilityArea .colLeft figure {
	margin: 16px 0 16px;
}
.course #pg02 .abilityArea ul.abilityList {
	width: 440px;
}
.course #pg02 .abilityArea ul.abilityList li {
	margin-bottom: 30px;
}
.course #pg02 .abilityArea ul.abilityList .flexBox {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 14px;
}
.course #pg02 .abilityArea ul.abilityList li:nth-of-type(1) .flexBox {
	border-bottom: 2px solid #1bd5e0;
}
.course #pg02 .abilityArea ul.abilityList li:nth-of-type(2) .flexBox {
	border-bottom: 2px solid #f67f45;
}
.course #pg02 .abilityArea ul.abilityList li:nth-of-type(3) .flexBox {
	border-bottom: 2px solid #fabd19;
}
.course #pg02 .abilityArea ul.abilityList li:nth-of-type(1) .engTxt {
	color: #1bd5e0;
}
.course #pg02 .abilityArea ul.abilityList li:nth-of-type(2) .engTxt {
	color: #f67f45;
}
.course #pg02 .abilityArea ul.abilityList li:nth-of-type(3) .engTxt {
	color: #fabd19;
}



/* clearFix
------------------------------------- */
#pg02Popup .textImageArea .colTwoWhite:after {
  display: block;
  clear: both;
  content: "";
}
/* /azbydocs/manabi/course/pg02/css/pg02.css から流用 ここまで */


/*============================================================================*/
/* /azbydocs/manabi/course/gk02/css/gk02.css から流用 ここから */

/* 動作環境　180829追加
------------------------------------- */
.course #question .tabQuestion .questionList dd.wrap01 p {
	padding: 4px 0 0 18px;
}


/* よくある質問
------------------------------------- */
#question .tabTitle ul li:first-child{
  border: 1px solid #d8c77b;
  background: #C0A426;
}
.course #gk02 #question .tabTitle ul li:first-child{
  border-bottom: 1px solid #d8c77b;
}
.course #question .tabArea.sel01 .tabTitle ul li.active{
  border: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion{
  border: 1px solid #6a3b1b;
  background: #f2edd5;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #6a3b1b;
}

/*#question .tabTitle ul li:last-child{
  border: 1px solid #e18d8d;
  background: #C0A426;
}*/
/*.course #gk01 #question .tabTitle ul li:last-child{
  border-bottom: 1px solid #e18d8d;
}*/
.course #question .tabArea.sel02 .tabTitle ul li.active{
  border: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion{
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}
.course #question .tabTitle ul li img{
  padding-bottom: 4px;
}



/* レイアウト改修（181003）
------------------------------------- */

/* 学校教科ページ追記
------------------------------------- */


/*デキタスコース制作　（190110）*/
/*.course #gk02 .characteristicArea .btnPos05 {
  width: 172px;
  height: 41px;
  padding: 27px 7px 9px 11px;
  border-radius: 0 0 10px 10px;
  background: #727272;
  text-decoration: none;
  color: #fff;
  font-size: 121%;
  font-weight: bold;
}*/
.course #gk02 .characteristicArea .btnPos05 a:hover {
  opacity: 0.7;
}

#gk02 .titleWrap {
  padding: 0;
}
#gk02 .titleWrap .titleBox img {
  vertical-align: bottom;
}
#gk02 .titleWrap .titleBox02 {
  padding-right: 69px;
}
#gk02 .titleWrap .titleBox02 span {
  display: block;
  padding-top: 23px;
}

#gk02 .txtimgArea .textArea01 .btn02Pos {
  top: 236px;
  left: 294px;
}

#gk02 .txtimgArea li:nth-of-type(2) .textArea01 {
  min-height: 138px;
}

/*左画像エリア*/
#gk02 .txtimgArea .imgArea01 .btn01 {
  /*bottom: 32px;*/
	top: 135px; /*anno追加*/
}
#gk02 .txtimgArea .imgArea01 p.imgTxt {
  padding-top: 6px;
  text-align: center;
}
/*下部ふくまろタイピング　拡大するボタン*/
#gk02 .txtimgArea .imgArea01 .bt08 {
  bottom: 8px;
}

/*右テキストエリア*/
#gk02 .txtimgArea .textArea01 {
  padding-top: 44px;
}

#gk02 .txtimgArea .anno{
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.5em;
	color: #999;
	width: 290px;
	box-sizing: border-box;
}

/* デキタスとは 
------------------------------------- */
#gk02 .txtimgArea dl dt span.bgYellow {
  background-color: #fff5ab;
}
/*220316改修*/
#gk02 .txtimgArea ol li:first-of-type .imgArea01 figure:nth-of-type(n+2) {
  padding-top: 3px;
}
#gk02 .txtimgArea ol li:first-of-type .textArea01 {
  padding-top: 0;
}
#gk02 .txtimgArea .txtBlue {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  color: #00a2e6;
  padding-bottom: 10px;
}
#gk02 .txtimgArea .txtBlue span.marker {
  font-size: 120%;
  background-color: #feef00;
}
#gk02 .txtimgArea .txtBlue .bottomText img {
  vertical-align: middle;
}
#gk02 .txtimgArea .txtBlue .bottomText span {
  font-size: 2.0rem;
  vertical-align: middle;
}

/* デキタスの学習サイクル 
------------------------------------- */
#gk02 .txtimgArea dl.pb32 {
  padding-bottom: 32px;
}
#gk02 .txtimgArea dl.cicleArea dd .cicleWrap figure {
  float: left;
}

#gk02 .txtimgArea dl.cicleArea dd .txtRight {
  width: 621px;
  float: right;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight dl {
  width: auto;
  margin: 0;
  padding: 0 0 21px 40px;
  border-bottom: none;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight .box01 {
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic02.png), url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_bg01.png);
  background-repeat: no-repeat;
  background-position: left top 5px, left 80px bottom 5px;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight .box02 {
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic03.png), url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_bg01.png);
  background-repeat: no-repeat;
  background-position: left top 5px, left 80px bottom 5px;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight .box03 {
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic04.png), url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_bg02.png);
  background-repeat: no-repeat;
  background-position: left top 5px, left 80px bottom 5px;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight .box04 {
  padding-bottom: 0 !important;
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic05.png);
  background-repeat: no-repeat;
  background-position: left top 5px;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight dl dt {
  float: left;
  margin: 0;
  padding-right: 15px;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight dl dt:hover {
  opacity: 0.7;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight dl dt img {
  vertical-align: bottom;
}
#gk02 .txtimgArea dl.cicleArea dd .txtRight dl dd {
  float: left;
  width: 465px;
  font-size: 1.6rem;
}
#gk02 .txtimgArea dl.cicleArea dd .cicleWrap li+li {
  padding-top: 20px;
}

/* 「楽しい！」「わかる！」「できる！」「つづく！」右上画像
--------------------------------------------------- */
#gk02 .txtimgArea dl.cicleimg {
  position: relative;
}
#gk02 .txtimgArea dd figure.imgRight {
  position: absolute;
  top: 20px;
  right: 6px;
}

/* POINT2 「わかった！」の積み重ねが喜びと自信につながる
--------------------------------------------------- */
#gk02 .txtimgArea dl.pb30 {
  padding-bottom: 30px;
}
#gk02 .txtimgArea dd .textBox {
  line-height: 180%;
  padding-left: 14px;
  font-size: 1.6rem;
}
#gk02 .txtimgArea dd .textBox p+p {
  padding-top: 20px;
}

/* 学校教科 4ステップ学習エリア
------------------------------------- */
#gk02 .txtimgArea .stepInner {
  width: 940px;
}
#gk02 .txtimgArea .stepArea {
  padding-top: 38px;
  font-size: 1.6rem;
}
#gk02 .txtimgArea .stepArea p.subTitle {
  color: #3e1a09;
  font-weight: bold;
}
#gk02 .txtimgArea .stepArea li {
  float: left;
  padding-right: 15px;
}
#gk02 .txtimgArea .stepArea li:nth-of-type(4n) {
  padding-right: 0;
}
#gk02 .txtimgArea .stepArea span {
  margin-right: 10px;
  padding: 5px 8px;
  border-radius: 8px;
  background-color: #d4edff;
  font-weight: normal;
}
#gk02 .txtimgArea .stepArea .imgArea02 {
  position: relative;
  padding-top: 15px;
}
#gk02 .txtimgArea .stepArea .imgArea02 .btn03 {
  position: absolute;
  bottom: 8px;
  left: 94px;
}
#gk02 .txtimgArea .stepArea .textArea02 {
  width: 210px;
  margin: 0 auto;
  padding-left: 13px;
  font-size: 1.4rem;
}
#gk02 .txtimgArea .stepArea .pl0 {
 padding-left: 0;
}

/*ステップエリア追記　（190111）*/
#gk02 .txtimgArea .stepArea p.txtic {
  padding-left: 35px;
  background: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic01.png) no-repeat left 6px top;
}

/*学年/受講科目　表*/
#gk02 .txtimgArea .tableArea {
  width: 728px;
  margin: 0 auto;
  padding-top: 30px;
  font-size: 1.6rem;
}
#gk02 .txtimgArea .tableArea table　{
  width: 100%;
}
#gk02 .txtimgArea .tableArea table .w26per　{
  width: 26%;
}
#gk02 .txtimgArea .tableArea table .w13per　{
  width: 13%;
}
#gk02 .txtimgArea .tableArea table .w61per　{
  width: 61%;
}
#gk02 .txtimgArea .tableArea table thead {
  background-color: #ffeaea;
  text-align: center;
}
#gk02 .txtimgArea .tableArea table th,
#gk02 .txtimgArea .tableArea table td {
  padding: 10px 30px;
  border: 1px solid #3e1a09;
}
#gk02 .txtimgArea .tableArea table tbody td.txtCenter {
  text-align: center;
}

/*モーダルボタン*/
#gk02 .txtimgArea .mdllinkArea {
  padding-top: 20px;
  text-align: center;
}
#gk02 .txtimgArea .mdllinkArea .btn02 a {
  display: inline-block;
  padding: 11px 25px 8px 41px;
  border-radius: 10px;
  background: #209ce9;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
}
#gk02 .txtimgArea .mdllinkArea .btn02 a:hover {
  opacity: 0.7;
}
#gk02 .txtimgArea .mdllinkArea .btn02 a::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 0 0px 19px;
  border: 6px solid transparent;
  border-left: 10px solid #fff;
}

/*サンプル動画*/
#gk02 .txtimgArea .sampleInner {
  width: 940px;
  text-align: center;
  margin: 25px auto 0;
  padding: 20px 60px;
  background: #f0f9ff;
  box-sizing: border-box;
}
#gk02 .txtimgArea .sampleInner .innerTitle {
  font-size: 140%;
  font-weight: bold;
}
#gk02 .txtimgArea .sampleInner .innerTitle .anno {
  font-weight: normal;
}
#gk02 .txtimgArea .sampleArea {
  padding-top: 15px;
  font-size: 1.6rem;
  display: table;
  width: 100%;
}
#gk02 .txtimgArea .sampleArea p.subTitle {
  color: #3e1a09;
  font-weight: normal;
}
#gk02 .txtimgArea .sampleArea li {
  display: table-cell;
  padding-right: 80px;
}
#gk02 .txtimgArea .sampleArea li:last-of-type {
  padding-right: 0;
}
#gk02 .txtimgArea .sampleArea span {
  display: block;
  margin: 0 0 10px;
  padding: 5px 8px;
  border-radius: 8px;
  background-color: #d4edff;
  font-weight: normal;
}
#gk02 .txtimgArea .sampleArea .imgArea01 {
  padding-top: 10px;
  width: 100%;
}

/* POINT3  達成感が次のステップへとつながる
------------------------------------- */
#gk02 .txtimgArea .textArea01 p {
  margin-left: 0 !important;
  font-size: 97%;
}
#gk02 .txtimgArea .pt18 {
  padding-top: 18px;
}

/* POINT4  学習習慣が身に付く
------------------------------------- */
#gk02 .txtimgArea .pt33 {
  padding-top: 33px;
}
#gk02 .txtimgArea dd.pt20 {
  padding-top: 20px;
}

#gk02 .txtimgArea .textArea01 span {
  font-size: 1.3rem;
}

#gk02 .txtimgArea .pt16 {
  padding-top: 16px;
}

/* よくあるご質問　追記
------------------------------------- */
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .txtWrap {
  padding-top: 15px;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .pb12 {
  padding-bottom: 12px;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .txtWrap ol {
  line-height: 1.6;
  padding-left: 18px;
  font-size: 1.3rem;
  letter-spacing: 0.03em;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .txtWrap ol li+li {
  padding-top: 5px;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .txtWrap ol .noteContent {
  position: relative;
  padding-left: 47px;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .txtWrap ol .noteContent::before {
  content: "（注3）";
  position: absolute;
  top: 1px;
  left: 0;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .txtWrap ol.anno {
  text-indent: -1em;
  padding-left: 1em;
  margin: 5px 0 0 17px;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .txtWrap ol.anno li {
  line-height: 1.2;
}
#gk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .tar {
  text-align: right;
}

/* howtolearnArea
------------------------------------- */
.course .txtimgArea dl.howtolearnArea{
  border-bottom: 0;
  padding: 12px 0 0;
}
.course .txtimgArea dl.howtolearnArea ul{
  display: table;
  border-spacing: 16px 0;
  margin: 0 -16px;
  padding: 0;
}
.course .txtimgArea dl.howtolearnArea li{
  background: #e8f0f2;
  border-radius: 10px;
  display: table-cell;
  color: #282828;
  width: 50%;
  box-sizing: border-box;
  padding: 10px 15px;
}
.course .txtimgArea dl.howtolearnArea li img{
  float: left;
}
.course .txtimgArea dl.howtolearnArea li p{
  margin: 10px 5px 0 130px;
  font-size: 12px;
}
.course .txtimgArea dl.howtolearnArea li dl{
  margin: 10px 5px 10px 130px;
  font-size: 12px;
  border-bottom: 0;
  padding: 0;
}
.course .txtimgArea dl.howtolearnArea li dl dt{
  margin: 0 auto 5px;
  font-size: 12px;
  font-weight: normal;
}
.course .txtimgArea dl.howtolearnArea li dl dd{
  display: inline-block;
  padding: 0 0 0.25em 1.5em;
  text-indent: -1em;
}
.course .txtimgArea dl.howtolearnArea li dl dd:before{
  content: "・";
}
.course .txtimgArea dl.howtolearnArea li:first-of-type span{
  color: #1890ff;
}
.course .txtimgArea dl.howtolearnArea li:last-of-type span{
  color: #ff1864;
}
.course .txtimgArea dl.howtolearnArea dd.compare{
  margin: 20px 0 0 -20px;
  position: relative;
}
.course .txtimgArea dl.howtolearnArea dd.compare img{
  vertical-align: bottom;
  border-radius: 0 0 10px 10px;
}
.course .txtimgArea dl.howtolearnArea dd.compare .anno{
  position: absolute;
  width: auto !important;
  top: 396px;
  left: 40px;
  color: #282828 !important;
  font-size: 10px !important;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
	.course #gk02 .txtimgArea dl.howtolearnArea dd.compare .anno{
  margin: -0.5em 1em 1em !important;
}
}

/* clearFix
------------------------------------- */
#gk02 .txtimgArea .stepArea:after {
	display: block;
	clear: both;
	content: "";
}


/* 学校教科ポップアップ（190115追加）
------------------------------------- */
#gk02Popup dl.mainWrap {
  padding: 32px 50px;
}
#gk02Popup dt {
  padding-bottom: 20px;
  font-size: 2.0rem;
  text-align: left;
}

/*対応教科書一覧表*/
#gk02Popup dl.mainWrap dd .tableBox01 {
  padding: 0;
  margin-bottom: 0;
}
#gk02Popup dl.mainWrap dd .tableBox01 dd table {
  width: 100%;
}
#gk02Popup dl.mainWrap dd .tableBox01 dd table .w19per {
  width: 19%;
}
#gk02Popup dl.mainWrap dd .tableBox01 dd table .w81per {
  width: 81%;
}
#gk02Popup dl.mainWrap dd .tableBox01 dd table th,
#gk02Popup dl.mainWrap dd .tableBox01 dd table td {
  padding: 10px;
  border: 1px solid #3e1a09;
  font-size: 1.6rem;
}
#gk02Popup dl.mainWrap dd .tableBox01 dd table td {
  text-align: left;
  vertical-align: middle;
}

/*小学生エリア*/
#gk02Popup dl.mainWrap dd .tableBox01 dt {
  width: 19%;
  margin-bottom: 8px;
  padding: 7px 0 7px 1px;
  border-radius: 4px;
  background-color: #e74d4d;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
#gk02Popup dl.mainWrap dd .tableBox01 dd table th {
  background-color: #ffeaea;
  color: #3e1a09;
}

/*中学生エリア*/
#gk02Popup dl.mainWrap dd .bgBlue {
  padding-top: 35px;
}
#gk02Popup dl.mainWrap dd .bgBlue dt {
  background-color: #25a2d0;
}
#gk02Popup dl.mainWrap dd .bgBlue dd table th {
  background-color: #ecf9fb;
}

#gk02Popup dd p {
  padding-top: 16px;
  font-size: 1.4rem;
  text-align: left;
  letter-spacing: 0.03em;
}
/* /azbydocs/manabi/course/gk02/css/gk02.css から流用 ここまで */


/*============================================================================*/
/* /azbydocs/manabi/course/of01/css/of01.css から流用 ここから */

/* テキスト
------------------------------------- */
.course .txtimgArea .textArea01 p {
    margin: 10px 0 0 0 !important;
}


/* よくある質問
------------------------------------- */
#question .tabTitle ul li:first-child{
  border: 1px solid #e17676;
  background: #e17676;
}
.course #of01 #question .tabTitle ul li:first-child{
  border-bottom: 1px solid #e17676;
}
.course #question .tabArea.sel01 .tabTitle ul li.active{
  border: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion{
  border: 1px solid #6a3b1b;
  background: #f2edd5;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #6a3b1b;
}

.course #question .tabArea.sel02 .tabTitle ul li.active{
  border: 1px solid #8f2d2d;
}
.course #of01 #question .tabTitle ul li img{
  padding-top: 10px;
  padding-bottom: 6px;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion{
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}

#question .questionList dd.wrap01 {
    /*margin-bottom: 10px;*/
}
.course #question .tabQuestion .questionList dd > div {
    /*margin: 0 auto 10px;*/
}
.course #question .tabQuestion > li.active p {
    padding: 20px 0 0 !important;
}
/*.course #question .tabQuestion .questionList ul li::before {
    content: none;
}*/
.course #question .tabQuestion .questionList .wrap02 li, .course #question .tabQuestion .questionList .wrap03 li {
    padding: 0 0 0 1em;
}


/* FMVまなびナビのお問い合わせ
------------------------------------- */
.course .inquiry .txtLink{
  justify-content: flex-start;
}


/* 追従ナビ
------------------------------------- */
#of01 .navArea .of01Nav li a{
  height: 95px;
}
#of01 .navArea .of01Nav ul.colTwoNavArea {
  float: left;
  width: 780px;
  padding: 9px 0 7px;
  border-top: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-left: 2px solid #15a4fd;
  background-color: #fff;
}
#of01 .navArea .of01Nav figure a:hover {
  opacity: 0.7;
}
#of01 .navArea .of01Nav .colTwoNavArea li.titleBox {
  float: left;
  width: 236px;
  padding-left: 22px;
}
#of01 .navArea .of01Nav .colTwoNavArea li.titleBox02 {
  float: left;
  padding-right: 0;
  color: #333;
  letter-spacing: 0.03em;
  font-size: 1.7rem;
  width: 475px;
  text-align: center;
}
#of01 .navArea .of01Nav .colTwoNavArea .titleBox02 span {
  display: block;
  padding-top: 16px;
}

#of01 .colTwoArea {
  /*width: 976px;*/
  width: 100%;
  /*margin-top: 35px;*/
  padding: 10px 0 8px;
  border: 2px solid #15a4fd;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}
#of01 .colTwoWrap {
  width: 980px;
}
#of01 .colTwoArea02 {
  float: left;
  width: 780px;
  padding: 9px 0 7px;
  border-top: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-left: 2px solid #15a4fd;
  border-radius: 10px 0 0 0;
  background-color: #fff;
}
#of01 .colTwoArea02 .titleBox {
  float: left;
  padding-left: 22px;
  background: none;
}
#of01 .colTwoArea02 .titleBox02 {
  float: left;
  padding: 0 0 0 38px;
  color: #333;
  letter-spacing: 0.03em;
  font-size: 1.7rem;
  width: 475px;
  text-align: center;
}
#of01 .colTwoArea02 .titleBox02 span {
  display: block;
  padding-top: 16px;
}
#of01 .colTwoWrap .titleBoxbtn {
  float: right;
  border-radius: 0 10px 0 0;
  background-color: #fff;
}
#of01 .colTwoWrap .titleBoxbtn a:hover {
  opacity: 0.7;
}
#of01 .colTwoWrap .titleBoxbtn img {
  vertical-align: bottom;
}

/* レイアウト改修 申し込みボタンエリア（210305追加）
------------------------------------- */
#of01 .characteristicArea .colTwoArea03 {
	display: -webkit-flex;
	display: flex;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#of01 .characteristicArea .colTwoArea03::before {
  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;
}
#of01 .characteristicArea .colTwoArea03 li:nth-of-type(1) {
	width: 586px;
	height: 84px;
	background-color: #33affd;
	padding: 10px 10px 6px;
}
#of01 .characteristicArea .colTwoArea03 li:nth-of-type(2) {
	width: 349px;
	height: 76px;
	background-color: #c6e7fc;
	padding: 10px;
	border: 2px solid #15a4fd;

}
#of01 .characteristicArea .characteristicBtnWrapper {
	width: 976px;
	padding: 26px 0 13px;
	background-color: #fff;
	border-right: 2px solid #15a4fd;
	border-left: 2px solid #15a4fd;
}
#of01 .characteristicArea .characteristicBtn a {
	margin: 0 auto;
}


/* clearFix
------------------------------------- */
#of01 .navArea .of01Nav:after,
#of01 .navArea .of01Nav .colTwoNavArea:after,
#of01 .colTwoWrap:after,
#of01 .colTwoArea02:after {
	display: block;
	clear: both;
	content: "";
}
/* /azbydocs/manabi/course/of01/css/of01.css から流用 ここまで */


/*============================================================================*/
/* /azbydocs/manabi/course/pk02/css/pk02.css から流用 ここから */

/* パック内容
------------------------------------- */
#pk02 section .subSection h3{
  background: #d9844b;
  color: #fff;
}
#pk02 section .subSection .colThreeBox{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#pk02 section .subSection .colThreeBox li{
  width: 27.5%;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 1px 3px 5px #c9c4b3;
}
#pk02 section .subSection .colThreeBox li:nth-of-type(-n+3){
  margin-bottom: 20px;
}
#pk02 section .subSection .colThreeBox li figure{
  margin-bottom: 25px;
  text-align: center;
}
#pk02 section .subSection .colThreeBox li:last-child{
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  background: none;
  box-shadow: none;
  padding: 25px 0px;
  width: 300px;
}
#pk02 section .subSection .colThreeBox li:last-child figure{
  margin: 0;
}
#pk02 section .subSection .colThreeBox li .course dt{
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
#pk02 section .subSection .colThreeBox li .course dt .smlTxt{
  font-size: 1.4rem;
}
#pk02 section .subSection .colThreeBox li .course dd{
  font-size: 1.6rem;
}
.largeImg{
  margin-top: 45px;
  text-align: center;
}


/* 動作環境　180829追加
------------------------------------- */
.course #question .tabQuestion .questionList dd.wrap01 p {
	padding: 6px 0 0 18px !important;
}


/* よくある質問
------------------------------------- */

/*タブ*/
#question .tabTitle ul li:first-child{
  border: 1px solid #d9844b;
  background: #d9844b;
}
.course #pk02 #question .tabTitle ul li:first-child{
  border-bottom: 1px solid #d9844b;
}
.course #question .tabArea.sel01 .tabTitle ul li.active{
  border: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #6a3b1b;
}
.course #question .tabArea.sel01 .tabQuestion{
  border: 1px solid #6a3b1b;
  background: #f2edd5;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #6a3b1b;
}

/*#question .tabTitle ul li:last-child{
  border: 1px solid #e18d8d;
  background: #d9844b;
}*/
/*.course #pk01 #question .tabTitle ul li:last-child{
  border-bottom: 1px solid #e18d8d;
}*/
.course #question .tabArea.sel02 .tabTitle ul li.active{
  border: 1px solid #8f2d2d;
}
.course #pk02 #question .tabTitle ul li img{
  padding-top: 10px;
  padding-bottom: 6px;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion{
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}

/* よくある質問下文言　180830追加
------------------------------------- */
/*.course #question .otherQA {
	padding-right: 0;
}
.course #question .otherQA:after {
	display: none;
}*/



/* FMVまなびナビのお問い合わせ
------------------------------------- */
.course .inquiry .txtLink li:nth-of-type(-n+6){
  margin-bottom: 10px;
}


/* レイアウト改修（181003）
------------------------------------- */

/* 総合パック追記（181015追加）
------------------------------------- */


/* 追従画像
------------------------------------- */
#pk02 .glovalNav li {
    height: 92px;
}

/* お知らせエリア（181128追記）
------------------------------------- */
#pk02 section.infoArea {
  padding-top: 18px;
}
#pk02 section.infoArea .infoWrap {
  border: 2px solid #0943a5;
  border-radius: 10px;
  background: #fff;
}
#pk02 section.infoArea .circle {
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: -3px 10px 0 0;
  border-radius: 50%;
  background: #0943a5;
  color: #fff;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
}
#pk02 section.infoArea h2 {
  position: relative;
  margin-bottom: 0;
  padding: 13px 0 9px 30px;
  background: #fff;
  color: #3e1a09;
}
#pk02 section.infoArea dl {
  padding: 0 30px 15px 72px;
  font-size: 1.8rem;
}
#pk02 section.infoArea dt {
  float: left;
  width: 192px;
}
#pk02 section.infoArea dd {
  float: left;
  width: 682px;
}
#pk02 section.infoArea dd a:link {
  text-decoration: underline;
}

#pk02 .bgWhite li:last-child img, 
#pk02 .bgWhite li:first-child img {
  padding-top: 0; 
}
#pk02 .bgWhite li a {
  background: none;
}

#pk02 .characteristicArea p.txtLeft {
  padding-top: 10px;
  font-size: 1.3rem;
  text-align: right;
}
#pk02 .characteristicArea p.txtLeft em.red {
  font-weight: bold;
  color: #f71f1c;
}

/* コース詳細ボタン
------------------------------------- */
/*.course #pk02 .characteristicArea .btn a {
  display: block;
  width: 88px;
  height: 30px;
  padding: 8px 10px 0 37px;
  border-right: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-radius: 0;
  background: #fff;
  text-decoration: none;
  color: #209ce9;
  font-weight: bold;
  font-size: 1.6rem;
}
.course #pk02 .characteristicArea .btnPos01 a {
  border-left: 2px solid #15a4fd;
  border-radius: 0 0 0 10px;
}
.course #pk02 .characteristicArea .btnPos07 a {
  border-radius: 0 0 10px 0 ;
}

.course #pk02 .characteristicArea .btn a:after {
  position: absolute;
  top: 14px;
  right: 25px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 11px solid #15a4fd;
}

.course #pk02 .characteristicArea .btn a:hover {
  background: #209ce9;
  color: #fff;
}
.course #pk02 .characteristicArea .btn a:hover::after {
  border-top: 11px solid #fff;
}*/

/* お申し込みボタン
------------------------------------- */
/*.course #pk02 .characteristicArea .btnPos08 {
  text-align: center;
}
.course #pk02 .characteristicArea .btnPos08 a {
  display: block;
  width: 128px;
  padding: 16px 4px 15px;
  border-radius: 0 0 10px 10px;
  background: #f71f1c;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
}
.course #pk02 .characteristicArea .btnPos08 a:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 -13px 0 10px;
  border: 6px solid transparent;
  border-left: 10px solid #fff;
}
.course #pk02 .characteristicArea .btnPos08 a:hover {
 opacity: 0.7;
}*/

/* お申し込みボタンエリア改修　（210305）
------------------------------------- */
.course  #pk02 .characteristicArea .cpText {
	margin-top: 8px;
}


/* お申し込みボタン グレー　（181227）
------------------------------------- */
.course #pk02 .characteristicArea .bgGray {
  width: 128px;
  padding: 16px 4px 15px;
  border-radius: 0 0 10px 10px;
  background: #9b9b9b;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
}

/* 各コースアコーディオンエリア
------------------------------------- */
#pk02 .colTwoWrap {
  position: relative;
  margin-top: 35px;
}
/*#pk01 #tp01Area .colTwoWrap {
  margin-top: 20px;
}*/
#pk02 .colTwoArea02 {
  /*position: relative;*/
  width: 976px;
  padding: 9px 0 7px;
  border-top: 2px solid #15a4fd;
  border-bottom: 2px solid #15a4fd;
  border-left: 2px solid #15a4fd;
  border-right: 2px solid #15a4fd;
  border-radius: 0 10px 0 0;
  background-color: #fff;
}
#pk02 .close .colTwoWrap .colTwoArea02 {
  border-radius: 0 10px 10px 10px;
}


#pk02 .colTwoArea02:hover {
  /*background-color: rgba(255,255,255,0.5);*/
  /*opacity: 0.7;
  cursor: pointer;*/
}
#pk02 .colTwoWrap .bgWhite {
  border-radius: 10px;
  background: #fff;
}

#pk02 .colTwoArea02 .titleBox {
  float: left;
  padding-left: 22px;
}
#pk02 .colTwoArea02 .titleBox02 {
  float: left;
  padding-left: 38px;
  width: 385px;
  text-align: center;
}
#pk02 .colTwoArea02 .titleBox02 span {
  padding: 16px 0 0 25px;
}

#pk02 .colTwoWrap .tag {
  padding: 13px 14px 7px;
  border-radius: 8px 8px 0 0;
  background-color: #15a4fd;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  width: 118px;
  text-align: center;
}


/* 上部 詳細を閉じるボタン
------------------------------------- */
#pk02 .colTwoWrap .closetopBtn {
  position: absolute;
  width: 100px;
  height: 27px;
  padding: 6px 36px 2px 18px;
  background-color: #15a4fd;
  color: #fff;
  font-size: 1.6rem;
  bottom: 12px;
  right: 12px;
  display: none !important;
}
#pk02 .colTwoWrap .closetopBtn:hover {
  opacity: 0.7;
  cursor: pointer;
}
#pk02 .colTwoWrap .closetopBtn span {
  position: relative;
}
#pk02 .colTwoWrap .closetopBtn span::after {
  position: absolute;
  top: -4px;
  left: 105px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom: 13px solid #fff;
}
#pk02 .close .colTwoWrap .closetopBtn span::after {
  top: 6px;
  border: 9px solid transparent;
  border-top: 13px solid #fff;
}


/* 下部 詳細を閉じるボタン
------------------------------------- */
#pk02 dl.last dd .closebottomBtnArea {
  margin: 53px 0 12px;
  text-align: center;
  display: none !important;
}
#pk02 dl.last dd .closebottomBtn {
  display: inline-block;
  padding: 12px 49px;
  border: 2px solid #15a4fd;
  background-color: #15a4fd;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
}
#pk02 dl.last dd .closebottomBtn:hover {
  opacity: 0.7;
  cursor: pointer;
}
.course #pk02 .txtimgArea dl.last {
  padding-bottom: 30px !important;
}

/* ふくまろタイピングエリア
------------------------------------- */
#pk02 #tp01Area .colTwoArea02 .titleBox02 {
  padding-left: 22px;
}


/* 学校教科エリア　デキタス追加（181227）
------------------------------------- */
#pk02 #gk02Area .gk02Box .colTwoArea02 .titleBox {
  padding-left: 22px;
}
#pk02 #gk02Area .gk02Box .colTwoArea02 {
  padding: 0;
}
#pk02 #gk02Area .gk02Box .colTwoArea02 img {
  vertical-align: bottom;
}
#pk02 #gk02Area .gk02Box .colTwoArea02 .titleBox02 {
  width: 460px;
  padding: 0 0 0 7px;
}
#pk02 #gk02Area .gk02Box .colTwoArea02 .titleBox02 span {
  padding: 22px 0 0 25px;
}

/* 学校教科 デキタス追記　（190116）
------------------------------------- */
/*左画像エリア*/
#pk02 #gk02Area .txtimgArea .imgArea01 .btn01 {
  /*bottom: 32px;*/
	top: 135px; /*anno追加*/
}
#pk02 #gk02Area .txtimgArea .imgArea01 p.imgTxt {
  padding-top: 6px;
  text-align: center;
}
/*下部ふくまろタイピング　拡大するボタン*/
#pk02 #gk02Area .txtimgArea .imgArea01 .bt08 {
  bottom: 8px;
}

/*右テキストエリア*/
#pk02 #gk02Area .txtimgArea .textArea01 {
  padding-top: 44px;
}

#pk02 #gk02Area .txtimgArea .anno{
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.5em;
	color: #999;
	width: 290px;
	box-sizing: border-box;
}

/* デキタスとは 
------------------------------------- */
#pk02 #gk02Area .txtimgArea dl dt span.bgYellow {
  background-color: #fff5ab;
}
/*220316改修*/
#pk02 #gk02Area .txtimgArea ol li:first-of-type .imgArea01 figure:nth-of-type(n+2) {
  padding-top: 3px;
}
#pk02 #gk02Area .txtimgArea ol li:first-of-type .textArea01 {
  padding-top: 0;
}
#pk02 #gk02Area .txtimgArea .txtBlue {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  color: #00a2e6;
  padding-bottom: 10px;
}
#pk02 #gk02Area .txtimgArea .txtBlue span.marker {
  font-size: 120%;
  background-color: #feef00;
}
#pk02 #gk02Area .txtimgArea .txtBlue .bottomText img {
  vertical-align: middle;
}
#pk02 #gk02Area .txtimgArea .txtBlue .bottomText span {
  font-size: 2.0rem;
  vertical-align: middle;
}


/* デキタスの学習サイクル 
------------------------------------- */
#pk02 #gk02Area .txtimgArea dl.pb32 {
  padding-bottom: 32px;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .cicleWrap figure {
  float: left;
}

#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight {
  width: 621px;
  float: right;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight dl {
  width: auto;
  margin: 0;
  padding: 0 0 21px 40px;
  border-bottom: none;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight .box01 {
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic02.png), url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_bg01.png);
  background-repeat: no-repeat;
  background-position: left top 5px, left 80px bottom 5px;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight .box02 {
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic03.png), url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_bg01.png);
  background-repeat: no-repeat;
  background-position: left top 5px, left 80px bottom 5px;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight .box03 {
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic04.png), url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_bg02.png);
  background-repeat: no-repeat;
  background-position: left top 5px, left 80px bottom 5px;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight .box04 {
  padding-bottom: 0;
  background-image: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic05.png);
  background-repeat: no-repeat;
  background-position: left top 5px;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight dl dt {
  float: left;
  margin: 0;
  padding-right: 15px;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight dl dt:hover {
  opacity: 0.7;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight dl dt img {
  vertical-align: bottom;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .txtRight dl dd {
  float: left;
  width: 465px;
  font-size: 1.6rem;
}
#pk02 #gk02Area .txtimgArea dl.cicleArea dd .cicleWrap li+li {
  padding-top: 20px;
}

/* 「楽しい！」「わかる！」「できる！」「つづく！」右上画像
--------------------------------------------------- */
#pk02 #gk02Area .txtimgArea dl.cicleimg {
  position: relative;
}
#pk02 #gk02Area .txtimgArea dd figure.imgRight {
  position: absolute;
  top: 20px;
  right: 6px;
}

/* POINT2 「わかった！」の積み重ねが喜びと自信につながる
--------------------------------------------------- */
#pk02 #gk02Area .txtimgArea dl.pb30 {
  padding-bottom: 30px;
}
#pk02 #gk02Area .txtimgArea dd .textBox {
  line-height: 180%;
  padding-left: 14px;
  font-size: 1.6rem;
}
#pk02 #gk02Area .txtimgArea dd .textBox p+p {
  padding-top: 20px;
}

/* 学校教科 4ステップ学習エリア
------------------------------------- */
#pk02 #gk02Area .txtimgArea .stepInner {
  width: 940px;
}
@media screen and (max-width: 768px) {
	#pk02 #gk02Area .txtimgArea .stepInner {
  width: auto;
}
}
#pk02 #gk02Area .txtimgArea .stepArea {
  padding-top: 38px;
  font-size: 1.6rem;
}
#pk02 #gk02Area .txtimgArea .stepArea p.subTitle {
  color: #3e1a09;
  font-weight: bold;
}
#pk02 #gk02Area .txtimgArea .stepArea li {
  float: left;
  padding-right: 15px;
}
#pk02 #gk02Area .txtimgArea .stepArea li:nth-of-type(4n) {
  padding-right: 0;
}
#pk02 #gk02Area .txtimgArea .stepArea span {
  margin-right: 10px;
  padding: 5px 8px;
  border-radius: 8px;
  background-color: #d4edff;
  font-weight: normal;
}
#pk02 #gk02Area .txtimgArea .stepArea .imgArea02 {
  position: relative;
  padding-top: 15px;
}
#pk02 #gk02Area .txtimgArea .stepArea .imgArea02 .btn03 {
  position: absolute;
  bottom: 8px;
  left: 94px;
}
#pk02 #gk02Area .txtimgArea .stepArea .textArea02 {
  width: 210px;
  margin: 0 auto;
  padding-left: 13px;
  font-size: 1.4rem;
}
#pk02 #gk02Area .txtimgArea .stepArea .pl0 {
 padding-left: 0;
}

/*ステップエリア追記　（190111）*/
#pk02 #gk02Area .txtimgArea .stepArea p.txtic {
  padding-left: 35px;
  background: url(https://azby.fmworld.net/manabi/course/gk02/images/gk02_ic01.png) no-repeat left 6px top;
}

/*学年/受講科目　表*/
#pk02 #gk02Area .txtimgArea .gk02table {
  width: 728px;
  margin: 0 auto;
  padding-top: 30px;
  font-size: 1.6rem;
}
#pk02 #gk02Area .txtimgArea .gk02table table　{
  width: 100%;
}
#pk02 #gk02Area .txtimgArea .gk02table table .w26per　{
  width: 26%;
}
#pk02 #gk02Area .txtimgArea .gk02table table .w13per　{
  width: 13%;
}
#pk02 #gk02Area .txtimgArea .gk02table table .w61per　{
  width: 61%;
}
#pk02 #gk02Area .txtimgArea .gk02table table thead {
  background-color: #ffeaea;
  text-align: center;
}
#pk02 #gk02Area .txtimgArea .gk02table table th,
#pk02 #gk02Area .txtimgArea .gk02table table td {
  padding: 10px 30px;
  border: 1px solid #3e1a09;
}
#pk02 #gk02Area .txtimgArea .gk02table table tbody td.txtCenter {
  text-align: center;
}

/*モーダルボタン*/
#pk02 #gk02Area .txtimgArea .mdllinkArea {
  padding-top: 20px;
  text-align: center;
}
#pk02 #gk02Area .txtimgArea .mdllinkArea .btn02 a {
  display: inline-block;
  padding: 11px 25px 8px 41px;
  border-radius: 10px;
  background: #209ce9;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
}
#pk02 #gk02Area .txtimgArea .mdllinkArea .btn02 a:hover {
  opacity: 0.7;
}
#pk02 #gk02Area .txtimgArea .mdllinkArea .btn02 a::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 0 0px 19px;
  border: 6px solid transparent;
  border-left: 10px solid #fff;
}

/* POINT3  達成感が次のステップへとつながる
------------------------------------- */
#pk02 #gk02Area .txtimgArea .textArea01 p {
  margin-left: 0 !important;
  font-size: 97%;
}
#pk02 #gk02Area .txtimgArea .pt18 {
  padding-top: 18px;
}

/* POINT4  学習習慣が身に付く
------------------------------------- */
#pk02 #gk02Area .txtimgArea .pt33 {
  padding-top: 33px;
}
#pk02 #gk02Area .txtimgArea dd.pt20 {
  padding-top: 20px;
}

#pk02 #gk02Area .txtimgArea .textArea01 span {
  font-size: 1.3rem;
}

#pk02 #gk02Area .txtimgArea .pt16 {
  padding-top: 16px;
}

/* よくあるご質問　追記
------------------------------------- */
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .txtWrap {
  padding-top: 8px;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .pb12 {
  padding-bottom: 6px;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .txtWrap ol {
  line-height: 1.6;
  padding: 5px 0 0 18px;
  font-size: 1.3rem;
  letter-spacing: 0.03em;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .txtWrap ol li+li {
  padding-top: 5px;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .txtWrap ol .noteContent {
  position: relative;
  padding-left: 47px;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .txtWrap ol .noteContent::before {
  content: "（注3）";
  position: absolute;
  top: 1px;
  left: 0;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .txtWrap ol.anno {
  text-indent: -1em;
  padding-left: 1em;
  margin: 5px 0 0 17px;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .txtWrap ol.anno li {
  line-height: 1.2;
}
#pk02 #question .tabWrap .tabQuestionWrap .questionWrap .wrap01 .gk02Wrap .tar {
  text-align: right;
}


/* オンライン英会話エリア
------------------------------------- */
#pk02 #oe01Area .colTwoArea02 .titleBox {
  padding-top: 17px !important;
}
#pk02 #oe01Area .colTwoArea02 .titleBox02 {
  width: 540px;
  padding: 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #f71f1c;
}
#pk02 #oe01Area .colTwoArea02 .titleBox02 sup {
  font-size: 75%;
  vertical-align: super;
}
#pk02 #oe01Area .colTwoArea02 .titleBox02 span.inner {
  padding: 3px 0 2px 25px;
  font-size: 1.7rem;
  font-weight: normal;
  color: #333;
}
#pk02 #oe01Area .colTwoArea02 .titleBox02 span.note {
  padding: 0 0 8px 50px !important;
  font-size: 78%;
  text-align: left;
  text-indent: -1em;
  line-height: 1.2;
}

#pk02 #oe01Area .txtimgArea .txtPt0 {
  padding-top: 0;
}
#pk02 #oe01Area .txtimgArea .textArea01 .subTxt {
  margin-top: 7px;
  padding: 10px;
  border: dashed 1px #3e1a09;
  border-radius: 10px;
  line-height: 160%;
  font-size: 1.3rem;
}

#pk02 #oe01Area .txtimgArea .textArea01 .btn02Pos {
  /*top: 143px;*/
  left: 266px;
}
/*#pk02 #oe01Area .txtimgArea dl dd+dd {
  padding-top: 40px;
}*/


/* QUREOエリア
------------------------------------- */
#pk02 #pg01Area .colTwoArea02 .titleBox02 {
  width: 466px;
  padding: 0 0 0 22px;
}


/* マイクラッチエリア
------------------------------------- */
#pk02 #pg02Area .colTwoArea02 .titleBox {
  padding-left: 0px;
}
#pk02 #pg02Area .colTwoArea02 .titleBox02 {
  width: 526px;
  padding: 0;
}
#pk02 #pg02Area .colTwoArea02 .titleBox02 span {
  padding-left: 0;
}

#pk02 #pg02Area .titleBox02 .red {
  color: #fe5958;
  font-weight: bold;
}

#pk02 #pg02Area .txtimgArea dl.pb42 {
  padding-bottom: 42px;
}
#pk02 #pg02Area .txtimgArea .textArea01 {
  padding-top: 0;
}
#pk02 #pg02Area .txtimgArea .textArea01 .btn02Pos {
  /*top: 177px;*/
  left: 225px;
}

/* マイクラッチ 注意事項エリア
------------------------------------- */
#pk02 #pg02Area .txtimgArea dl.attentionArea {
  padding-bottom: 20px;
}
#pk02 #pg02Area .txtimgArea dl.attentionArea dt span.bgYellow {
  background-color: #fff5ab;
}
#pk02 #pg02Area .txtimgArea dl.attentionArea dd li {
  position: relative;
  padding-left: 34px;
  font-size: 1.6rem;
}
#pk02 #pg02Area .txtimgArea dl.attentionArea dd li+li {
  margin-top: 10px;
} 
#pk02 #pg02Area .txtimgArea dl.attentionArea dd li:nth-of-type(1):after {
  position: absolute;
  content: "[1]";
  top: 0;
  left: 4px;
}
#pk02 #pg02Area .txtimgArea dl.attentionArea dd li:nth-of-type(2):after {
  position: absolute;
  content: "[2]";
  top: 0;
  left: 4px;
}
#pk02 #pg02Area .txtimgArea dl.attentionArea dd p.text {
  font-size: 1.2rem;
}


/* あんしん修理、パソコン割引権エリア
------------------------------------- */
/*.course .wrap{
  margin-top:50px;
}*/

/* よくある質問アコーディオン修正 181106 追記
------------------------------------- */
.course #pk02 #question .tabQuestion .questionList > dt:hover {
  cursor: default;
}
.course #pk02 #question .tabQuestion .questionList > dt::after {
  display: none;
}
/* /azbydocs/manabi/course/pk02/css/pk02.css から流用 ここまで */


/*============================================================================*/
/* /azbydocs/manabi/course/pg03/css/pg03.css から流用 ここから */

/* オンラインコースの特長
------------------------------------- */
#pg03 .notes{
  font-size: 1.3rem;
  margin-top: 15px;
  padding-left: 1.4em;
  position: relative;
}
#pg03 .notes:after{
  position: absolute;
  content: "※";
  top: 0;
  left: 4px;
}




/* 特長① 学研スマートドリルで本格学習！
------------------------------------- */
#pg03 section .subSection h3{
  background: #5D994D;
  color: #ffffff;
}
#pg03 section .subSection .colTwoBox img{
  vertical-align: bottom;
}
#pg03 section .subSection .colTwoBox .hLogoBox{
  float: left;
  padding: 0;
}
#pg02 section .subSection .colTwoBox .hLogoBox img{
  border-radius: 10px;
}
/*#pg03 section .subSection .colTwoBox .greenBox{
  float: right;
  padding: 0 17px;
  background: #40832D;
}*/

/*ロゴ右テキスト greenBox(180725追加) */
#pg03 section .subSection .colTwoBox .greenBox {
    float: right;
    padding: 0px 15px;
    background: #40832D;
    color: #fff;
    letter-spacing: 0.03em;
    font-size: 1.7rem;
    width: 526px;
    text-align: center;
}
#pg03 section .subSection .colTwoBox .greenBox span {
    display: block;
    padding-top: 23px;
}
#pg03 section .subSection .colTwoBox .greenBox span em.pink {
	color: #fd9797;
}
	

/*サービス内容 */
#pg03 section .subSection .subSection .service{
  width: 100%;
  border: 1px solid #333333;
  background: #ffffff;
  font-size: 1.7rem;
  line-height: 1.4;
}
#pg03 section .subSection .subSection .service .w40{
  width: 40%;
}
#pg03 section .subSection .subSection .service .w60{
  width: 60%;
}
#pg03 section .subSection .subSection .service tr + tr{
  border-top: 1px solid #333333;
}
#pg03 section .subSection .subSection .service th{
  border-right: 1px solid #333333;
  background: #F2F2F2;
}
#pg03 section .subSection .subSection .service th,#pg03 section .subSection .subSection .service td{
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

/* 学習の流れ */
#pg03 section .subSection .subSection .whiteBox{
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 2px 3px 5px #b8b3a4;
  font-size: 1.6rem;
  line-height: 1.4;
}
#pg03 section .subSection .subSection .whiteBox p + p{
  margin-top: 15px;
}
#pg03 section .subSection .subSection .colTwoMovie{
  margin-top: 20px;
}
#pg03 section .subSection .subSection .colTwoMovie li{
  width: 405px;
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 2px 3px 5px #b8b3a4;
  text-align: center;
}
#pg03 section .subSection .subSection .colTwoMovie li p{
  line-height: 1;
}

/*マイクラキングって誰？～開発者紹介～ textImageArea(180720追加)*/
#pg03 section .subSection .subSection .colTwoWhite .txtArea01 {
	width: 464px;
	padding: 20px 20px 0;
}
#pg03 section .subSection .subSection .colTwoWhite .txtArea01 p {
	font-size: 1.6rem;
	line-height: 1.6;
}
#pg03 section .subSection .subSection .colTwoWhite .txtArea01 p+p {
	margin-top: 10px;
}
#pg03 section .subSection .subSection .colTwoWhite .txtArea01 .normalTxt {
	line-height: 1.4;
}
#pg03 section .subSection .subSection .colTwoWhite .txtArea01 .normalTxt strong {
	font-size: 2.4rem;
}
#pg03 section .subSection .subSection .colTwoWhite .imageArea01 {
	width: 406px;
}
#pg03 section .subSection .subSection .mt15 {
	margin-top: 15px;
}
#pg03 section .subSection .subSection .colTwoWhite .txtArea {
	width: 400px;
	padding: 0 30px;
}
#pg03 section .subSection .subSection .colTwoWhite .txtArea p {
	font-size: 1.6rem;
}
#pg03 section .subSection .subSection .colTwoWhite .imageArea {
	width: 450px;
}
#pg03 section .subSection .subSection .textImageArea .bgType01 {
	background-color: #fff;
	background-image: url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg01.png) , url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg02.png);
	background-repeat: no-repeat;
	background-position: 15px 20px , 420px 245px;
}
#pg03 section .subSection .subSection .textImageArea .bgType01 p {
	padding: 103px 0 0 14px;
}
#pg03 section .subSection .subSection .textImageArea .bgType02 {
	background-color: #fff;
	background-image: url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg01.png) , url(https://azby.fmworld.net/manabi/course/pg01/images/pg01_bg02.png);
	background-repeat: no-repeat;
	background-position: 475px 20px , 880px 245px;
}
#pg03 section .subSection .subSection .textImageArea .bgType02 p {
	padding: 92px 18px 0 0;
}

/*マイクラッチって何ができるの？*/
#pg03 section .subSection .subSection .colTwoTM{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pg03 section .subSection .subSection .colTwoTM p{
  width: 52%;
}

/*マインクラフトで学ぶってどういうこと？ */
.subSection .colOneWhite .inner {
  width: 940px;
  padding: 20px 0;
  border-radius: 10px;
  /* background: #f7f6f4; */
  background: #fff;
  box-shadow: 2px 3px 5px #b8b3a4;
  text-align: center;
}




/*ブロックを組み立てるだけ、かんたんゲーム作成*/
#pg03 section .subSection .subSection .whiteImg{
  border-radius: 10px;
  box-shadow: 2px 3px 5px #b8b3a4;
}

/*QUREO動画*/
#pg03 section .subSection .subSection .colTwoMovie li:first-child{
  float: left;
}
#pg03 section .subSection .subSection .colTwoMovie li:last-child{
  float: right;
}
#pg03 section .subSection .subSection .colTwoMovie li p{
  text-align: center;
  font-size: 1.3em;
  margin-top: 10px;
}

/*QUREOの強み*/
#pg03 section .subSection .subSection .colThreeWhite li{
  float: left;
  width: 250px;
  padding: 205px 20px 20px;
  border-radius: 10px;
  box-shadow: 2px 3px 5px #b8b3a4;
  font-size: 1.4rem;
 }
#pg03 section .subSection .subSection .colThreeWhite li:nth-of-type(1){
  background: url(https://azby.fmworld.net/manabi/course/pg03/images/pg02_lg01.png) no-repeat center top 80px,#ffffff;
}
#pg03 section .subSection .subSection .colThreeWhite li:nth-of-type(2){
  background: url(https://azby.fmworld.net/manabi/course/pg03/images/pg02_lg02.png) no-repeat center top 95px,#ffffff;
}
#pg03 section .subSection .subSection .colThreeWhite li:nth-of-type(3){
  background: url(https://azby.fmworld.net/manabi/course/pg03/images/pg02_lg03.png) no-repeat center top 25px,#ffffff;
}
#pg03 section .subSection .subSection .colThreeWhite li + li{
  margin-left: 35px;
}


/* よくある質問
------------------------------------- */
#question .tabTitle ul li:first-child{
  border: 1px solid #6DA35F;
  background: #5D994D;
}
.course #pg03 #question .tabTitle ul li:first-child{
  border-bottom: 1px solid #6DA35F;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #41892e;
}
.course #question .tabArea.sel01 .tabQuestion{
  border: 1px solid #41892e;
  background: #f3f8f2;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #41892e;
}


/*#question .tabTitle ul li:last-child{
  border: 1px solid #e18d8d;
  background: #5D994D;
}*/
/*.course #pg02 #question .tabTitle ul li:last-child{
  border-bottom: 1px solid #e18d8d;
}*/
.course #question .tabArea.sel02 .tabTitle ul li.active{
  border: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child){
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion{
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active{
  border: 1px solid #8f2d2d;
}
.course #question .tabTitle ul li img{
  padding-bottom: 4px;
}


/* レイアウト改修（181005）
------------------------------------- */

/* マイクラッチページ追記
------------------------------------- */
#pg03 .titleBox02 .red {
  color: #fe5958;
  font-weight: bold;
}

#pg03 .txtimgArea dl.pb42 {
  padding-bottom: 42px;
}
#pg03 .txtimgArea .textArea01 {
  padding-top: 0;
}
#pg03 .txtimgArea .textArea01 .btn02Pos {
  top: 177px;
  left: 225px;
}


/* 個別指導コース追記（200702）
------------------------------------- */
.course #pg03 .colTwoArea {
	padding: 13px 0 11px;
}
.course #pg03 #characteristic01 .titleBox {
	padding: 9px 0 0 50px;
}
.course #pg03 #characteristic01 .titleBox img {
	width: 90%;
}
.course #pg03 #characteristic01 .titleBox02 {
	width: 600px;
}
@media screen and (max-width: 768px) {
	.course #pg03 #characteristic01 .titleBox img {
	width: auto;
}
	.course #pg03 #characteristic01 .titleBox02 {
	width: 100%;
}
}
#pg03 .sec-margin {
	padding-bottom: 40px;
	margin-bottom: 50px;
	border-bottom: 1px dashed #ccc;
}
#pg03 .curriculumArea.sec-margin,
#pg03 .pointArea.sec-margin,
#pg03 .detailInfoArea.sec-margin {
	margin-bottom: 0 !important;
	border: none;
}
#pg03 .titleBox02 span {
	padding-top: 10px;
}
#pg03 .titleBox02 span span.smallText {
	padding-top: 5px !important;
	font-size: 65%;
}
#pg03 .smallText {
	font-size: 80%;
	text-align: left;
	color: #555;
}
#pg03 .bgColor02 {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 10px 15px 9px 14px;
	margin-bottom: 20px;
	background-color: #fff5ab;
	color: #3e1a09;
}
#pg03 .flexBox {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.course #pg03 .benefitsArea {
	margin-top: 50px;
	padding: 0;
}


/* レイアウト改修 カリキュラム例追加（201222追加）
------------------------------------- */
/*.course .txtimgArea dl dt span.bgYellow {
	background-color: #fff5ab;
}*/
.course #pg03 .curriculumArea {
	margin: 0 0 20px 0;
	padding: 0 0 40px 0;
	background-color: #fff;
}
.course #pg03 .curriculumArea ul {
	width: auto;
	margin: auto;
	display: inherit;
}
.course #pg03 .curriculumArea ul li {
	border: none;
	width: auto;
	background-color: inherit;
	margin: 0;
}


.course #pg03 .curriculumArea ul li dl {
	border-bottom: none;
	padding: 0;
	margin-bottom: 0;
}
.course #pg03 .curriculumArea ul li dl dt {
	font-size: 2.0rem;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 20px 0 0;
}
.course #pg03 .curriculumArea ul li dl dt strong {
	font-size: 150%;
}
.course #pg03 .curriculumArea ul li dl dd {
	font-size: 1.6rem;
}
.course #pg03 .curriculumArea ul li dl dd.curriculumText {
	padding: 20px 12px 20px;
}
.course #pg03 .curriculumArea ul li dl dd.curriculumText p {
	margin-top: 7px;
}


/* curriculumArea
------------------------------------- */
#pg03 .curriculumArea {
	position: relative;
	z-index: 1;
}
#pg03 .curriculumArea .flexBox {
	width: 940px;
	padding-top: 20px;
	margin: 0;
	font-size: 1.6rem;
}
#pg03 .curriculumArea .layerText1 {
	position: absolute;
	z-index: 2;
	top: 13%;
	left: 42%;
}
#pg03 .curriculumArea .layerText2 {
	position: absolute;
	z-index: 2;
	top: 53%;
	left: 45%;
}
#pg03 .curriculumArea .layerText2 img {
	width: 87%;
}
.course .glovalNav.fixed {
	z-index: 3;
}
#pg03 .curriculumArea .bgBlue {
	background-color: #f6fcfc;
}
#pg03 .curriculumArea .bgRed {
	background-color: #fffaf9;
}
#pg03 .curriculumArea .bgYellow {
	background-color: #fffcec;
	margin-top: 12px;
}
#pg03 .curriculumArea h3 {
	padding-top: 30px;
	text-align: center;
}
#pg03 .curriculumArea .bgYellow h3 {
	padding-top: 60px;
}
#pg03 .curriculumArea .curriculumContents {
	width: 424px !important;
	margin: auto;
	padding: 30px 20px;
}
#pg03 .curriculumArea .bgRed .curriculumContents {
	padding: 22px 20px !important;
}
#pg03 .maincontents .curriculumArea .curriculumContents p {
	line-height: 1.7;
}
#pg03 .maincontents .curriculumArea .curriculumContents p.smallText {
	line-height: 1.5;
}
#pg03 .curriculumArea .bgYellow .curriculumContents {
	width: 746px !important;
}
#pg03 .curriculumArea .leadText {
	margin: 20px auto;
	background-color: #fff;
	padding: 15px 30px;
	font-weight: bold;
}
#pg03 .curriculumArea .bgRed .leadText {
	padding: 28px 30px 29px;
}
#pg03 .curriculumArea .bgYellow .curriculumContents li.center p.mainText {
	width: 100%;
	margin: auto;
	font-size: 1.6rem;
}
#pg03 .curriculumArea .bgYellow .curriculumContents li.center p.leadText {
	margin: 20px auto;
	font-size: 1.6rem;
	width: 100%;
	box-sizing: border-box;
	color: #724518;
	border: 3px solid #f5c505;
}
#pg03 .curriculumArea .curriculumContents img {
	width: 420px;
}
#pg03 .curriculumArea .bgYellow .curriculumContents img {
	width: 746px;
}

#pg03 .curriculumArea .bgBlue .leadText {
	color: #076faf;
	border: 3px solid #076faf;
}
#pg03 .curriculumArea .bgBlue .smallText {
	margin: 20px 0;
}
#pg03 .curriculumArea .bgRed .leadText {
	color: #c80707;
	border: 3px solid #c80707;
}

/* pointArea
------------------------------------- */
#pg03 .pointArea .sectionLead {
	text-align: center;
	margin: 20px 0 25px;
	padding: 15px;
	border-top: 1px solid #15a4fd;
	border-bottom: 1px solid #15a4fd;
}
#pg03 .pointArea .imgLeft .textArea {
	width: 500px;
	margin: 0 25px;
}
#pg03 .pointArea .imgRight .textArea {
	width: 400px;
	/*margin-left: 50px;*/
}
#pg03 .pointArea .textArea .leadText {
	font-size: 2.0rem;
}
#pg03 .pointArea dl {
	border: none;
}
#pg03 .pointArea dl.textArea dd {
	font-size: 1.6rem;
}
#pg03 .pointArea ul li:nth-of-type(4) dl .leadText {
	font-size: 1.9rem;
}
#pg03 .pointArea ul {
	border-bottom: 1px solid #15a4fd;
}
#pg03 .pointArea ul li {
	margin-bottom: 50px;
}

/* tutorArea
------------------------------------- */
#pg03 .tutorArea .tutorList {
	width: 860px;
	margin: 30px auto 0;
}
#pg03 .tutorArea .tutorList img {
	border-radius: 7px;
}
#pg03 .tutorArea .tutorList figcaption {
	width: 200px;
	/*background-color: #15a4fd;*/
	color: #333;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	margin-top: 7px;
	line-height: 1.3;
}
#pg03 .tutorArea .tutorList figcaption span {
	font-size: 1.4rem;
	color: #15a4fd;
}

/* worksArea
------------------------------------- */
#pg03 .worksArea .works {
	width: 860px;
	margin: 20px auto 0;
}
#pg03 .worksArea .works dl {
	border: none;
	padding: 0;
}
#pg03 .worksArea .works dl dt,
#pg03 .worksArea .works dl dd {
	display: inline;
}
#pg03 .worksArea .works .movieImg:hover {
	opacity: 0.7;
} 
#pg03 .worksArea .works .textArea {
	margin-left: 40px;
	font-size: 1.7rem;
	width: 500px;
}
#pg03 .worksArea .works .textArea ul li {
	margin-bottom: 20px;
}
#pg03 .worksArea .works .textArea .title dl dt {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	background-color: #15a4fd;
	padding: 2px 13px;
	margin-right: 13px;
}
#pg03 .worksArea .works .textArea .title dl dd {
	font-size: 2.1rem;
	font-weight: bold;
	color: #15a4fd;
}
#pg03 .worksArea .works .textArea .creator dl dt {
	font-size: 100%;
	padding: 2px 13px;
	font-weight: normal;
	background-color: #e9e9e9;
	margin-right: 13px;
}

/* flowArea
------------------------------------- */
#pg03 .flowArea {
	position: relative;
	z-index: 1;	
}
#pg03 .flowArea .center {
	text-align: center;
}
#pg03 .flowArea img {
	width: 95%;	
}
#pg03 .flowArea .textRight {
	position: absolute;
	z-index: 2;
	bottom: 270px;
	right: 44px;
	font-size: 1.4rem;
	background-color: #fff;
	padding: 4px 8px;
}
/*#pg03 .flowArea .flowList {
	position: absolute;
	z-index: 2;
	bottom: 100px;
	right: 50%;
	left: 50%;
	font-size: 1.7rem;
	background-color: #fff;
	padding: 4px 8px;
	width: 850px;
	margin: auto;
}*/

/* detailInfoArea
------------------------------------- */
#pg03 .detailInfoArea {
	padding-bottom: 60px;
}
#pg03 .detailInfoInner {
	width: 860px;
	margin: auto;
}
#pg03 .detailInfoArea ul {
	font-size: 1.6rem;
}
#pg03 .detailInfoArea .smallText {
	font-size: 1.4rem;
	margin-top: 15px;
}



/* マイクラッチ 注意事項エリア
------------------------------------- */
#pg03 .txtimgArea dl.attentionArea {
  padding-bottom: 20px;
}
#pg03 .txtimgArea dl.attentionArea dt span.bgYellow {
  background-color: #fff5ab;
}
#pg03 .txtimgArea dl.attentionArea dd li {
  position: relative;
  padding-left: 34px;
  font-size: 1.6rem;
}
#pg03 .txtimgArea dl.attentionArea dd li+li {
  margin-top: 10px;
} 
#pg03 .txtimgArea dl.attentionArea dd li:nth-of-type(1):after {
  position: absolute;
  content: "[1]";
  top: 0;
  left: 4px;
}
#pg03 .txtimgArea dl.attentionArea dd li:nth-of-type(2):after {
  position: absolute;
  content: "[2]";
  top: 0;
  left: 4px;
}
#pg03 .txtimgArea dl.attentionArea dd p.text {
  font-size: 1.2rem;
}



/* マイクラッチポップアップ（181009追記）
------------------------------------- */
#pg02Popup .textImageArea {
  width: 980px;
  text-align: left;
}
#pg02Popup .textImageArea dt {
  padding: 32px 0 0 55px;
  font-size: 2.0rem;
}
#pg02Popup .textImageArea .colTwoWhite li {
  padding: 20px 0 0;
}
#pg02Popup .textImageArea .colTwoWhite li:nth-of-type(odd) {
  float: left;
}
#pg02Popup .textImageArea .colTwoWhite li:nth-of-type(2n) {
  float: right;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 {
  width: 495px;
  padding: 20px 20px 0 55px;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 .normalTxt {
  line-height: 1.4;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 .normalTxt strong {
  font-size: 2.4rem;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 p {
  font-size: 1.6rem;
}
#pg02Popup .textImageArea .colTwoWhite .txtArea01 p+p {
  margin-top: 10px;
}

#pg02Popup .textImageArea .colTwoWhite .imageArea01 {
  width: 406px;
  text-align: center;
}

/* clearFix
------------------------------------- */
#pg02Popup .textImageArea .colTwoWhite:after {
	display: block;
	clear: both;
	content: "";
}

/*----- 201125追加 スクロール表示バナー -----*/
.float_bnr_wrapper {
  position: relative;
  margin: 0 auto;
}
.float_bnr {
  position: fixed;
  bottom: 300px;
  right: 60px;
  z-index: 88;
  box-sizing: border-box;
  width: 235px;
  height: 194px;
}
.float_bnr a {
  display: block;
}
.float_bnr a.float_bnr_icon:hover{
  opacity: 0.7;
}

/*----- 201225追加 動画バナー -----*/
.movieArea {
	padding: 25px 0;
}
.movieArea p {
	margin-top: 7px;
}
.movieArea .leadText {
	font-size: 2.5rem;
	font-weight: bold;
	color: #0688cb;
}
.movieArea .subText {
	font-size: 1.7rem;
	color: #027bb9;
}
.movieArea figure {
	margin-top: 16px;
}
.movieArea figure a {
	display: block;
}
.movieArea figure a:hover {
	opacity: 0.7;
}
#pg03_2 .movieArea {
	width: 943px;
	margin: auto;
	border-top: 1px solid #027bb9;
}
#pg03_2 .textArea .leadText {
	font-size: 2.5rem;
	font-weight: bold;
}
#pg03_2 .movieArea .textArea {
	text-align: center;
}


/*----- 201125追加 相談会ページ(index2.html) -----*/
#pg03_2 .bodyarea {
	background-color: #ffffff;
}
#pg03_2 .mainVisual {
	margin-top: 30px;
}
#pg03_2 .inner {
	width: 680px;
	margin: 0 auto 10px;
}
#pg03_2 .textArea {
	margin-top: 50px;
}
#pg03_2 .textArea p {
	margin-top: 15px;
	font-size: 1.8rem;
}
#pg03_2 .term {
	font-size: 2.0rem;
	color: #058ACE;
	padding: 12px 10px 10px;
	margin-top: 25px;
	border: 2px solid #058ACE;
}
#pg03_2 .btn a {
	display: block;
	width: 365px;
	margin: 35px auto 25px;
	padding: 25px 0;
	color: #fff;
	background: url("https://azby.fmworld.net/manabi/course/pg03/images/pg03_ic02.png") no-repeat center right 30px/10px 16px #f70d44;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 50px;
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
}
#pg03_2 .btn a:hover {
	background-color: #db0336;
  -webkit-filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}
#pg03_2 .small {
	font-size: 1.4rem;
	text-align: center;
}

#pg03 #pg03_2 {
	margin-top: 50px;
}
#pg03 #pg03_2 .textArea {
	margin-top: 0;
}
#pg03 #pg03_2 .textArea p {
	margin-top: 0;
	font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
	#pg03_2 .movieArea,
	#pg03_2 .inner,
	#pg03_2 .btn a {
		width: 100%;
	}
	#pg03 .curriculumArea .curriculumContents {
	width: 100% !important;
	margin: auto;
	padding: 30px 20px !important;
}
	#pg03 .curriculumArea .bgYellow .curriculumContents {
	width: 100% !important;
}
}
/* /azbydocs/manabi/course/pg03/css/pg03.css から流用 ここまで */


/*============================================================================*/
/* /azbydocs/manabi/course/ls01/css/ls01.css から流用 ここから */

/* 共通
------------------------------------- */
.course #ls01 .flexBox {
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
}


/* グロナビ
------------------------------------- */
.course #ls01 .glovalNav ul {
	padding-top: 0;
}
.course #ls01 .glovalNav li a {
	width: 144px;
	height: 46px;
}
.course #ls01 .glovalNav li p {
	height: 46px;
}

.course #ls01 .characteristicArea .characteristicBox {
  display: -webkit-flex;
  display: flex;
  max-width: 980px;
  padding-top: 25px;
  position: relative;
}
.course .characteristicArea .characteristicBox::after {
  display: none;
}

.cp_bnrArea {
	margin: 30px auto 50px;
	max-width: 980px;
}
.cp_bnrArea .cp_bnr a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.cp_bnrArea .cp_bnr a:hover {
	opacity: 0.8;
}
.cp_bnrArea .anno {
	text-align: center;
	margin: 10px auto 0;
	font-size: 1.6rem;
}

/* characteristicArea
------------------------------------- */
.course #ls01 .characteristicArea .flexBox,
.course #ls01 .characteristicArea .ls01_characteristic,
.course #ls01 .characteristicArea .ls01_characteristic .flexBox {
	display: -webkit-flex;
	display: flex;
	max-width: 980px;
}
.course #ls01 .characteristicArea {
	margin: 30px auto 40px;
}
.course #ls01 .characteristicArea .flexBox {
	justify-content: space-between;
}
.course #ls01 .characteristicTable table {
	max-width: 980px;
}
/*.course #ls01 .characteristicArea .characteristicTable table .w12per {
	min-width: calc(12% / 100%);
}
.course #ls01 .characteristicArea .characteristicTable table .w22per {
	min-width: calc(22% / 100%);
}
.course #ls01 .characteristicArea .characteristicTable table .w26per {
	min-width: calc(26% / 100%);
}
.course #ls01 .characteristicArea .characteristicTable table .w17per {
	min-width: calc(17% / 100%);
}
.course #ls01 .characteristicArea .characteristicTable table .w23per {
	min-width: calc(23% / 100%);
}*/
.course #ls01 .characteristicArea .characteristicTable table .w358 {
	width: 358px;
}
.course #ls01 .characteristicArea .characteristicTable table .w310 {
	width: 310px;
}
.course #ls01 .characteristicArea .characteristicTable table .w310.red {
	border: 2px solid #ff002a;
	background: #fff;
}
.course #ls01 .characteristicArea .characteristicTable table .w310.blue {
	border: 2px solid #32428c;
	background: #fff;
}

.course #ls01 .characteristicArea .characteristicTable table th {
	padding: 0;
	box-sizing: border-box;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	/*height: 75px;*/
	border: 1px solid #7c7c7c;
	font-size: 1.3rem;
	line-height: 1.5;
}
.course #ls01 .characteristicArea .characteristicTable table td {
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	/*height: 75px;*/
	border: 1px solid #7c7c7c;
	font-size: 1.3rem;
	line-height: 1.5;
}
.course #ls01 .characteristicArea .characteristicTable table strong {
	font-size: 170%;
	font-weight: bold;
	line-height: 1.6;
}
.course #ls01 .characteristicArea .characteristicTable table strong.strong02 {
	font-size: 230%;
	line-height: 1.3;
}
.course #ls01 .characteristicArea .characteristicTable table span.super {
	font-size: 73%;
	display: inline-block;
	padding: 0 0.25em;
	vertical-align: top;
}
.course #ls01 .characteristicArea .characteristicTable table span.midle {
	font-size: 120%;
	font-weight: bold;
}
.course #ls01 .characteristicArea .characteristicTable table span.mark01 {
	font-size: 260%;
	font-weight: bold;
}
.course #ls01 .characteristicArea .characteristicTable table span.mark02 {
	font-size: 180%;
}
.course #ls01 .characteristicArea .characteristicTable table span.cancel {
	text-decoration: line-through;
}

.course #ls01 .characteristicArea .characteristicTable table .btnPos01,
.course #ls01 .characteristicArea .characteristicTable table .btnPos02 {
	padding: 0;
}
.course #ls01 .characteristicArea .characteristicTable table .btnPos01 a:hover,
.course #ls01 .characteristicArea .characteristicTable table .btnPos02 a:hover {
	opacity: 0.8;
}
.course #ls01 .characteristicArea .characteristicTable table .th0 {
	border: none;
}
.course #ls01 .characteristicArea .characteristicTable table .th1 .th_course {
	background-color: #ff002a;
	color: #fff;
}
.course #ls01 .characteristicArea .characteristicTable table .th2 .th_course {
	background-color: #32428c;
	color: #fff;
}
.course #ls01 .characteristicArea .characteristicTable table .th1 .th_price {
	color: #ff002a;
	padding: 19px 5px 14px;
	font-size: 120%;
	height: 104px;
	box-sizing: border-box;
}
.course #ls01 .characteristicArea .characteristicTable table .th1 .th_price.cpprice {
	padding: 8px 5px 2px;
}
.course #ls01 .characteristicArea .characteristicTable table .th2 .th_price {
	color: #32428c;
	padding: 19px 5px 14px;
	font-size: 120%;
	height: 104px;
	box-sizing: border-box;
}
.course #ls01 .characteristicArea .characteristicTable table .td1 {
	background-color: #f0f3ff;
	color: #ff002a;
	font-weight: bold;
	line-height: 1;
	font-size: 120%;
}
.course #ls01 .characteristicArea .characteristicTable table .td1.blue {
	color: #32428c;
}
.course #ls01 .characteristicArea .characteristicTable table .td1 small {
	font-size: 120%;
}
.course #ls01 .characteristicArea .characteristicTable table .btnPos02,
.course #ls01 .characteristicArea .characteristicTable table .td2 {
	background-color: #fff2ee;
	color: #ff002a;
}
.course #ls01 .characteristicArea .characteristicTable table .td2.blue {
	color: #32428c;
}
.course #ls01 .characteristicArea .table01 .anno {
	width: auto;
	margin: 5px auto 0;
}


/* お申し込みボタン
------------------------------------- */
.course #ls01 .characteristicBtnArea {
	margin-top: 16px;
	position: relative;
	min-height: 150px;
}
.course #ls01 .characteristicBtnArea .general,
.course #ls01 .characteristicBtnArea .premium {
	position: absolute;
}
.course #ls01 .characteristicBtnArea .premium {
	top: 70px;
}
.course #ls01 .characteristicBtnArea .general.blue {
	right: 5px;
}
.course #ls01 .characteristicBtnArea p {
	text-align: center;
	margin: 0 12px 0 10px;
	vertical-align: bottom;
	display: inline-block;
}
.course #ls01 .characteristicBtnArea p img {
	vertical-align: bottom;
}
.course #ls01 .characteristicBtnArea .characteristicBtn {
	width: 300px;
	margin-top: 0;
	display: inline-block;
	vertical-align: bottom;
	height: 60px;
}
.course #ls01 .characteristicBtnArea .characteristicBtn.btnRed {
	position: relative;
	margin-right: 5px;
}
.course #ls01 .characteristicBtnArea .general .characteristicBtn.btnRed::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://azby.fmworld.net/manabi/course/ls01/images/ls01_parts01.png") no-repeat;
	width: 20px;
	height: 16px;
	top: -24px;
	left: 140px;
}
.course #ls01 .characteristicBtnArea .characteristicBtn.btnBlue {
	position: relative;
	margin-top: 10px;
	padding: 5px 0;
}
.course #ls01 .characteristicBtnArea .general .characteristicBtn.btnBlue::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://azby.fmworld.net/manabi/course/ls01/images/ls01_parts02.png") no-repeat;
	width: 20px;
	height: 16px;
	top: -28px;
	left: 140px;
}
.course #ls01 .characteristicBtnArea .characteristicBtn a {
	width: 300px;
	text-align: center;
	margin: 0 auto;
	padding: 7px 0 7px 16px;
	border-radius: 40px;
	background-color: #e81714;
	height: 60px;
	box-sizing: border-box;
}
.course #ls01 .characteristicBtnArea .characteristicBtn a:hover {
	background-color: #b40808;
}
.course #ls01 .characteristicBtnArea .characteristicBtn.btnBlue a {
	background-color: #32428c;
	padding: 32px 0 32px 16px;
	height: 110px;
	border-radius: 80px;
}
.course #ls01 .characteristicBtnArea .characteristicBtn.btnBlue a:hover {
	background-color: #253166;
}

/* colTwoArea
------------------------------------- */
.course #ls01 .colTwoArea {
	max-width: 980px;
}
.course #ls01 .titleBox02 {
	width: 480px;
	padding-right: 30px;
	text-align: left;
}
/*.course #ls01 .titleBox02 span {
	padding-top: 20px;
}*/
.course #ls01 .titleBox02 small {
	font-size: 1.1rem;
}

/* サービス概要
------------------------------------- */
.course #ls01 .serviceArea {
	max-width: 896px;
	margin: 0 auto;
}
.course #ls01 .txtimgArea .serviceArea dl.serviceList {
	border-bottom: none;
	padding: 16px 0;
}
.course #ls01 .txtimgArea p, 
.course #ls01 .txtimgArea ul li {
	font-size: 1.5rem;
}
.course #ls01 .txtimgArea ul.flow li {
	text-indent: -1em;
	padding-left: 1em;
}
.course #ls01 .detailText {
	padding-top: 10px;
}


/* サービス概要 1.お困りごと事例
------------------------------------- */
.course #ls01 .serviceArea .service01 .serviceList dd .howToUse .flexBox {
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
}
.course #ls01 .serviceArea .service01 .serviceList dd .howToUse .flexBox li {
	width: 144px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #1d2c71;
	background-color: #f0f3ff;
	padding: 10px;
	margin-right: 5px;
	text-align: center;
	align-content: center;
	box-sizing: border-box;
	border-radius: 8px;
}
.course #ls01 .serviceArea .service01 .serviceList dd .howToUse .flexBox li:last-of-type {
	margin-right: 0;
}
.course #ls01 .serviceArea .service01 .serviceList dd .howToUse .flexBox li p {
	padding: 5px 0 8px;
	min-height: 54px;
}
.course #ls01 .serviceArea .service01 .serviceList dd .howToUse .flexBox li img {
	align-content: flex-end;
}

/* サービス概要 2.サービス受付時間
------------------------------------- */
.course #ls01 .serviceArea .service02 .receptionTime .flexBox {
	width: 100%;
	background-color: #f0f3ff;
	color: #35427f;
	margin: 0 auto;
	padding: 10px 20px 0;
	border-radius: 8px;
	align-items: flex-end;
}
.course #ls01 .serviceArea .service02 .receptionTime .flexBox li img {
	vertical-align: bottom;
}
.course #ls01 .serviceArea .service02 .receptionTime .flexBox li p {
	margin-left: 25px;
	padding-bottom: 20px;
}
.course #ls01 .serviceArea .service02 .receptionTime .flexBox li p span {
	font-size: 2.2rem;
	font-weight: bold;
}
.course #ls01 .serviceArea .service02 .receptionTime .flexBox li p small {
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	.course #ls01 .serviceArea .service02 .receptionTime .flexBox {
  display: block;
}
}

/* サービス概要 3.ご利用イメージ
------------------------------------- */
.course #ls01 .serviceArea .service03 .serviceImage ul {
	width: 100%;
	justify-content: space-between;
}
.course #ls01 .serviceArea .service03 .serviceImage ul li {
	width: 207px;
	border: 1px solid #35427f;
	background-color: #35427f;
	position: relative;
}
.course #ls01 .serviceArea .service03 .serviceImage ul li::before {
    content: "";
	display: inline-block;
    position: absolute;
    top: 53%;
    right: -35px;
    transform: translateY(-50%); 
    border: 14px solid transparent;
    border-left: 20px solid #6f80c2;
}
.course #ls01 .serviceArea .service03 .serviceImage ul li:last-of-type::before {
	display: none;
}
.course #ls01 .serviceArea .service03 .serviceImage ul li p {
	color: #fff;
	padding: 20px 10px 30px;
}
.course #ls01 .serviceArea .service03 .serviceImage ul li img {
	width: 100%;
	margin: 0 auto;
}
.course #ls01 .serviceArea .service03 .leadText {
	margin: 40px auto 16px;
}
.course #ls01 .serviceArea .service03 .recommendBox {
	max-width: 896px;
	border-radius: 8px;
	border: 1px solid #35427f;
	box-sizing: border-box;
	padding: 16px;
}
.course #ls01 .serviceArea .service03 .recommendWrapper01 {
	max-width: 460px;
	margin-left: 24px;
}
.course #ls01 .serviceArea .service03 .recommendWrapper02 {
	max-width: 360px;
	margin-left: 36px;
}
.course #ls01 .serviceArea .service03 .recommendBox ul li {
	position: relative;
	padding-left: 28px;
	margin: 12px 0;
	font-size: 1.6rem !important;
	letter-spacing: 0.05rem;
	
}
.course #ls01 .serviceArea .service03 .recommendBox ul li::after {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://azby.fmworld.net/manabi/course/ls01/images/ls01_ic07.png") no-repeat top 0 left 0/18px 18px;
	width: 18px;
	height: 18px;
	top: 2px;
	left: 0px;
}
.course #ls01 .serviceArea .service03 .recommendBox ul li .red {
	color: #e92424;
	font-size: 110%;
	font-weight: bold;
}

/* 主なサポート範囲
------------------------------------- */
.course #ls01 #characteristic02 dl {
	padding: 12px 0 50px;
}

.course #ls01 #characteristic02 table {
	max-width: 936px;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 24px auto;
}
.course #ls01 #characteristic02 table th,
.course #ls01 #characteristic02 table td {
	border: 1px solid #35427f;
	color: #35427f;
	font-size: 1.4rem; 
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.course #ls01 #characteristic02 table thead th {
	background-color: #35427f;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	padding: 20px 6px;
	border-right: 1px solid #fff;
}
.course #ls01 #characteristic02 table thead th:last-of-type {
	border-right: 1px solid #35427f;
}
.course #ls01 #characteristic02 table th {
	font-size: 1.6rem;
}
.course #ls01 #characteristic02 table .w250per {
	width: 250px;
}
.course #ls01 #characteristic02 table .w280per {
	width: 280px;
}
.course #ls01 #characteristic02 table .bold {
	font-size: 120%;
	font-weight: bold;
}
.course #ls01 #characteristic02 table small {
	font-size: 73%;
}
.course #ls01 #characteristic02 table .small02 {
	font-size: 86%;
}
.course #ls01 #characteristic02 table .f130per {
	font-size: 130%;
}
.course #ls01 #characteristic02 table .mark01 {
	font-size: 200%;
	padding: 4px 6px;
}
.course #ls01 #characteristic02 table .mark02 {
	font-size: 140%;
	font-weight: bold;
	padding: 4px 6px;
}
.course #ls01 #characteristic02 table .th_red {
	color: #fff;
	background-color: #e92424;
	border-top: 24px solid #e92424;
	border-right: 12px solid #e92424;
	border-bottom: 1px solid #e92424;
	border-left: 12px solid #e92424;
	font-size: 2.0rem;
}
.course #ls01 #characteristic02 table .txt_red {
	color: #e92424;
	border-top: 1px solid #e92424;
	border-bottom: 1px solid #e92424;
	border-right: 12px solid #e92424;
	border-left: 12px solid #e92424;
}
.course #ls01 #characteristic02 table .txt_red_last {
	border-top: 1px solid #e92424;
	border-bottom: 14px solid #e92424;
	border-right: 12px solid #e92424;
	border-left: 12px solid #e92424;
}
.course #ls01 #characteristic02 table .bg_red {
	background-color: #fff0f0;
}
.course #ls01 #characteristic02 table .bg_blue {
	background-color: #f0f3ff;
}
.course #ls01 #characteristic02 table .txt_vertical01 {
	font-size: 1.7rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.course #ls01 #characteristic02 table .txt_vertical02 {
	background-color: #35427f;
	color: #fff;
	font-size: 1.7rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.course #ls01 #characteristic02 .anno li {
  padding-left: 2em;
  text-indent: -2em;
}
.course #ls01 #characteristic02 .reference {
  font-size: 16px;
  margin-top: 20px;
  padding: 15px 20px;
  border: 1px solid #ccc;
}
.course #ls01 #characteristic02 .reference p:first-of-type {
  font-size: 17px !important;
  font-weight: bold;
}
.course #ls01 #characteristic02 .reference p:nth-of-type(2) {
  margin: 10px 10px 0;
}
.course #ls01 #characteristic02 .reference p.indent {
  margin: 0 10px;
  text-indent: -1em;
  padding-left: 1em;
}

/* 注意事項
------------------------------------- */
.course #ls01 .txtimgArea #characteristic03 dl {
	border: none;
}
.course #ls01 #characteristic03 .attentionArea {
	margin-bottom: 16px;
}
.course #ls01 #characteristic03 .attentionList {
	padding: 10px;
	margin: 0;
	border: none;
}
.course #ls01 #characteristic03 dl.attentionList dt {
	margin: 10px 0;
}
.course #ls01 #characteristic03 dl.attentionList dd {
	position: relative;
	padding-left: 34px;
	margin: 5px 0;
	font-size: 1.6rem;
}
.course #ls01 #characteristic03 dl.attentionList dd:nth-of-type(1):after {
	position: absolute;
	content: "[1]";
	top: 0;
	left: 4px;
}
.course #ls01 #characteristic03 dl.attentionList dd:nth-of-type(2):after {
	position: absolute;
	content: "[2]";
	top: 0;
	left: 4px;
}
.course #ls01 #characteristic03 dl.attentionList dd:nth-of-type(3):after {
	position: absolute;
	content: "[3]";
	top: 0;
	left: 4px;
}
.course #ls01 #characteristic03 dl.attentionList dd:nth-of-type(4):after {
	position: absolute;
	content: "[4]";
	top: 0;
	left: 4px;
}
.course #ls01 #characteristic03 dl.attentionList dd:nth-of-type(5):after {
	position: absolute;
	content: "[5]";
	top: 0;
	left: 4px;
}
.course #ls01 #characteristic03 dl.attentionList ul {
	padding: 5px 10px 10px;
	font-size: 1.4rem;
}
.course #ls01 #characteristic03 dl.attentionList p {
	margin-top: 8px;
}
.course #ls01 #characteristic03 dl.attentionList .p-left {
	padding-left: 14px;
}
.course #ls01 #characteristic03 dl.attentionList .m-bottom {
	margin-bottom: 5px;
}

/* よくある質問
------------------------------------- */
#question .tabTitle ul li:first-child {
  border: 1px solid #6DA35F;
  background: #5D994D;
}
.course #question .tabArea.sel01 .tabQuestion .questionList > dt:not(:first-child) {
  border-top: 1px solid #41892e;
}
.course #question .tabArea.sel01 .tabQuestion {
  border: 1px solid #41892e;
  background: #f3f8f2;
}
.course #question .tabArea.sel01 .tabTitle ul li.active {
  border: 1px solid #41892e;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion .questionList > dt:not(:first-child) {
  border-top: 1px solid #8f2d2d;
}
.course #question .tabArea.sel02 .tabQuestion {
  border: 1px solid #8f2d2d;
  background: #f4e7e7;
}
.course #question .tabArea.sel02 .tabTitle ul li.active {
  border: 1px solid #8f2d2d;
}
.course #question .tabTitle ul li img {
  padding-bottom: 4px;
}


/* clearFix
------------------------------------- */
#pg02Popup .textImageArea .colTwoWhite:after {
  display: block;
  clear: both;
  content: "";
}

/* 211227_PC40周年キャンペーンバナー
------------------------------*/
.course #ls01 .bnr_area_bottom {
	margin: 80px auto 60px;
	padding: 20px 10px;
	text-align: center;
}
/* /azbydocs/manabi/course/ls01/css/ls01.css から流用 ここまで */


/*============================================================================*/
/* /manabi/course/np01/css/np01.css から流用 ここから */

/*common*/
#np01 {
  width: 100%;
  margin: 0 auto;
}
#np01 .flex_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#np01 .red {
  color: #e5006e;
}
#np01 small {
  font-size: 80%;
}
#np01 .maincontents {
  max-width: 1160px;
}
#np01 .mainInner {
  padding: 0 40px;
}
#np01 .mainInner ol > li dl dt.head02 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  padding-left: 14px;
  margin-bottom: 6px;
  position: relative;
}
#np01 .mainInner ol > li dl dt.head02::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #0091db;
  width: 5px;
  height: 26px;
  left: 0px;
  top: 4px;
}
#np01 .mainInner ol > li dl dd.head02_sub {
  font-size: 1.7rem;
  padding-left: 1em;
  margin-bottom: 12px;
}
#np01 .mainInner ol > li dl dd p.head03 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  padding-left: 10px;
  margin-bottom: 20px;
}
#np01 .mainInner ol > li dl dd p.head03 span {
  font-weight: bold;
  color: #0091db;
}
/*characteristicArea*/
#np01 .characteristicArea {
  width: 100%;
  height: 304px;
  margin: 0 auto;
  background: #e1f4f5 url("../../sv-manabi-np01/images/np01_im04.png") no-repeat top 0 left -170px;
}
#np01 .characteristicArea > .flex_box {
  width: 1160px;
  margin: 0 auto;
  padding: 18px 0;
  align-items: center;
}
#np01 .characteristicArea .flex_box .circle {
  display: table;
  width: 175px;
  height: 175px;
  padding: 32px 10px 10px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
  border-radius: 50%;
  border: 1px solid #fff;
  filter: drop-shadow(3px 3px 6px rgba(43, 43, 43, 0.2));
}
#np01 .characteristicArea .flex_box .circle p {
  display: table-cell;
  vertical-align: middle;
}
#np01 .characteristicArea .flex_box ul {
  width: 950px;
}
#np01 .characteristicArea .flex_box ul li {
  background-color: #fff;
  text-align: center;
  border-radius: 16px;
  padding: 20px 16px 20px;
}
#np01 .characteristicArea .flex_box ul li:nth-of-type(1) {
  width: 290px;
}
#np01 .characteristicArea .flex_box ul li:nth-of-type(2) {
  width: 380px;
}
#np01 .characteristicArea .flex_box ul li:nth-of-type(3) {
  width: 260px;
}
#np01 .characteristicArea .flex_box ul li dl dt {
  color: #005c9c;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 20px 0 10px;
}
#np01 .characteristicArea .flex_box ul li dl dd {
  font-size: 1.6rem;
  font-weight: bold;
}
#np01 .characteristicArea .flex_box ul li dl dd div.red {
  display: inline;
}
/*colTwoArea*/
#np01 .colTwoArea {
  margin-top: 60px;
}
#np01 .colTwoArea > ul.flex_box {
  align-items: center;
  padding: 10px 40px 8px;
}
#np01 .colTwoArea li.titleBox {
  padding-left: 0;
}
#np01 .colTwoArea li.titleBox02 {
  width: 720px;
  color: #0091db;
  padding: 5px 0 0 20px;
}
#np01 .colTwoArea li.titleBox02 span {
  display: inline;
  padding-top: 0;
  font-size: 3.5rem;
  font-weight: bold;
}
#np01 .colTwoArea .titleBox02_sub {
  font-size: 1.7rem;
  text-align: center;
  padding: 8px 40px;
}

/* cont01 */
#np01 .mainInner ol > li {
  padding: 6px 0;
}
#np01 .mainInner ol > li.cont01 {
  padding: 30px 0 0;
}
#np01 .mainInner ol > li.cont01 > .flex_box {
  padding: 10px 0 20px;
  margin-bottom: 22px;
  border-bottom: 1px solid #66bde9;
  position: relative;
}
#np01 .mainInner ol > li.cont01 > .flex_box::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("../../sv-manabi-np01/images/np01_bg01.png") no-repeat bottom 0 center;
  width: 33px;
  height: 13px;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#np01 .mainInner ol > li.cont01 .np01_imgArea01 figure {
  width: 351px;
}
#np01 .mainInner ol > li.cont01 .np01_textArea01 {
  width: 690px;
}
#np01 .mainInner ol > li.cont01 .np01_textArea01 ul li {
  margin: 15px 0;
  border-bottom: 1px solid #66bde9;
  align-items: center;
  padding: 12px 0;
}
#np01 .mainInner ol > li.cont01 .np01_textArea01 ul li:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
}
#np01 .mainInner ol > li.cont01 .np01_textArea01 ul li:nth-of-type(3) {
  border-bottom: none;
}
#np01 .mainInner ol > li.cont01 .np01_textArea01 ul li .number {
  width: 77px;
  height: 77px;
  line-height: 77px;
  font-size: 2.8rem;
  text-align: center;
  color: #0091db;
  border: 1px solid #0091db;
  border-radius: 50%;
}
#np01 .mainInner ol > li.cont01 .np01_textArea01 ul li p {
  width: 590px;
  font-size: 1.7rem;
}
/*cont02 table_area*/
#np01 ol li.cont02 table th, #np01 ol li.cont02 table td {
  border: 1px solid #005c9c;
  padding: 4px 6px;
}
#np01 ol li.cont02 table tr.blue th {
  background-color: #005c9c;
  color: #fff;
  font-weight: bold;
  padding: 6px 10px;
  border-right: 1px solid #fff;
}
#np01 ol li.cont02 table tr.blue th:last-of-type {
  border-right: 1px solid #005c9c;
}
#np01 ol li.cont02 table tr.row th {
  background-color: #dfeefa;
  width: 48px;
}
#np01 ol li.cont02 table tr.row td:nth-of-type(1) {
  width: 134px;
  padding: 8px 10px;
  font-weight: bold;
  color: #005c9c;
}
#np01 ol li.cont02 table tr.row td:nth-of-type(2) {
  width: 348px;
  padding: 8px 10px;
}
#np01 ol li.cont02 .anno {
  text-align: right;
  margin-top: 16px;
}
/* cont03 */
#np01 .mainInner ol > li.cont03 {}
#np01 .mainInner ol > li.cont03 > dl > dd {
  background-color: #eeebe4;
  margin: 0 -40px;
  padding: 30px 20px;
}
#np01 .mainInner ol > li.cont03 > dl > dd ul li{
 width:calc(100%/2);
}
#np01 .mainInner ol > li.cont03 > dl > dd ul li dl {
  width: 560px;
}
#np01 .mainInner ol > li.cont03 ul li dl dt {
  font-size: 2.2rem;
  font-weight: bold;
  color: #0091db;
  padding-left: 10px;
}
/*question*/
#np01 #question {
  width: 980px;
  margin: 80px auto 40px;
}
#np01 #question .otherQA {
  font-size: 1.8rem;
}
/*inquiry*/
#np01 .inquiry {
  width: 980px;
  margin: 0 auto;
}
/*btn*/
#np01 .firstBtn, #np01 .secondaryBtn {
  width: 305px;
  margin: auto;
  font-family: heisei-kaku-gothic-std, sans-serif;
}
#np01 .firstBtn a, #np01 .secondaryBtn a {
  display: block;
  margin: 16px auto 20px;
  padding: 22px 20px 20px 28px;
  font-size: 1.9rem;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-color: #ff0000;
  border-radius: 100vh;
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  box-shadow: none;
  position: relative;
}
#np01 .firstBtn a::before, #np01 .secondaryBtn a::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("../../common/images/course_nav_btn-ic01.png") no-repeat center center/65%;
  width: 50px;
  height: 50px;
  top: 8px;
  left: 11px;
}
#np01 .firstBtn a::after, #np01 .secondaryBtn a::after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("../../common/images/course_nav_btn-ic02.png") no-repeat center center/65%;
  width: 19px;
  height: 22px;
  top: 24px;
  right: 20px;
}
#np01 .firstBtn a:hover, #np01 .secondaryBtn a:hover {
  background-color: #df1818;
  -webkit-filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}
#np01 .btn_txt {
  color: #ff0000;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  margin: 26px auto -6px;
}
#np01 .btn_txt .pcOnly {
  display: inline;
}
/*#np01.indep-----------------------*/
#np01.indep {}
#wrapper {
  padding: 0 !important;
}
#np01.indep .mainInner ol > li.cont01 > .flex_box {
    border-bottom: none;
}
#np01.indep .mainInner ol > li.cont01 > .flex_box::before {
    display: none;
}
#np01.indep .mainInner ol > li.cont03 {
    padding: 6px 0 0;
}
#np01.indep .mainInner ol > li.cont03 > dl > dd {
    border-radius: 0 0 8px 8px;
}

/* ↓以下SP
-------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /* common */
  #np01 img {
    height: auto;
  }
  #np01 .flex_box {
    width: 100%;
    display: block;
  }
  #np01 {
    margin: 16px auto 0;
  }
  #np01 .maincontents {
    width: 100%;
  }
  #np01 .mainInner {
    padding: 0 10px;
  }
  #np01 .mainInner ol > li dl dt.head02 {
    font-size: 2.0rem;
    padding-left: 14px;
  }
  #np01 .mainInner ol > li dl dt.head02::before {
    width: 5px;
    height: 26px;
    left: 0px;
    top: 2px;
  }
  #np01 .mainInner ol > li dl dd.head02_sub {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
 #np01 .mainInner ol > li dl dd p.head03 {
  font-size: 2.0rem;
  margin-bottom: 6px;
}
  /*characteristicArea*/
  #np01 .characteristicArea {
    height: auto;
    background: #e1f4f5 url("../../sv-manabi-np01/images/np01_im04.png") no-repeat top 0 left -240px;
  }
  #np01 .characteristicArea > .flex_box {
    width: 100%;
    padding: 20px 0 10px;
    position: relative;
  }
  #np01 .characteristicArea .flex_box .circle {
    width: 135px;
    height: 135px;
    padding: 22px 10px 10px;
    font-size: 1.4rem;
    position: absolute;
    top: 35px;
    left: 28px;
  }
  #np01 .characteristicArea .flex_box ul {
    width: 100%;
    padding: 0 10px;
  }
  #np01 .characteristicArea .flex_box ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #np01 .characteristicArea .flex_box ul li {
    padding: 10px 14px 14px;
  }
  #np01 .characteristicArea .flex_box ul li:nth-of-type(1) {
    margin-left: 50%;
  }
  #np01 .characteristicArea .flex_box ul li:nth-of-type(2n) {
    margin-right: 5px;
  }
  #np01 .characteristicArea .flex_box ul li:nth-of-type(1), #np01 .characteristicArea .flex_box ul li:nth-of-type(2), #np01 .characteristicArea .flex_box ul li:nth-of-type(3) {
    width: 48%;
    margin-bottom: 6px;
  }
  #np01 .characteristicArea .flex_box ul li dl dt {
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 8px 0 8px;
  }
  #np01 .characteristicArea .flex_box ul li dl dd {
    font-size: 1.3rem;
  }
  #np01 .characteristicArea .flex_box ul li:nth-of-type(1) img, #np01 .characteristicArea .flex_box ul li:nth-of-type(3) img {
    width: 20%;
  }
  #np01 .characteristicArea .flex_box ul li:nth-of-type(2) img {
    width: 33%;
    margin-top: 3px;
  }
  /*colTwoArea*/
  #np01 .colTwoArea {
    margin-top: 20px;
  }
  #np01 .colTwoArea > ul.flex_box {
    padding: 10px 30px 8px;
  }
  #np01 .colTwoArea li.titleBox02 {
    width: 100%;
    padding: 5px 0 0 0;
  }
  #np01 .colTwoArea li.titleBox02 span {
    font-size: 2.4rem;
  }
  #np01 .colTwoArea .titleBox02_sub {
    font-size: 1.6rem;
    padding: 8px 30px;
    text-align: left;
  }
  /* cont01 */
  #np01 .mainInner ol > li {
    padding: 18px 0;
  }
  #np01 .mainInner ol > li.cont01 {
    padding: 10px 0 0;
  }
  #np01 .mainInner ol > li.cont01 > .flex_box {
    padding: 10px 0 0;
    margin-bottom: 22px;
  }
  #np01 .mainInner ol > li.cont01 .np01_imgArea01 figure {
    width: 100%;
  }
  #np01 .mainInner ol > li.cont01 .np01_textArea01 {
    width: 100%;
    margin-top: 18px;
  }
  #np01 .mainInner ol > li.cont01 .np01_textArea01 ul li {
    display: -webkit-flex;
    display: flex;
    margin: 12px 0;
    padding: 8px 0;
  }
  #np01 .mainInner ol > li.cont01 .np01_textArea01 ul li .number {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 2.0rem;
  }
  #np01 .mainInner ol > li.cont01 .np01_textArea01 ul li p {
    width: 78%;
    font-size: 1.5rem;
  }
  /*cont02 table_area*/
  #np01 ol li.cont02 table {
    width: 100%;
  }
  #np01 ol li.cont02 table:nth-of-type(2) {
    margin-top: 8px;
  }
  #np01 ol li.cont02 table th, #np01 ol li.cont02 table td {
    padding: 4px 2px;
  }
  #np01 ol li.cont02 table tr.blue th {
    padding: 6px 10px;
  }
  #np01 ol li.cont02 table tr.row th {
    width: 11%;
  }
  #np01 ol li.cont02 table tr.row td:nth-of-type(1) {
    width: 24%;
    padding: 8px 4px;
  }
  #np01 ol li.cont02 table tr.row td:nth-of-type(2) {
    width: 65%;
    padding: 8px 4px;
  }
  /* cont03 */
  #np01 .mainInner ol > li.cont03 > dl > dd {
    margin: 0 -10px;
    padding: 16px 10px;
  }
 #np01 .mainInner ol > li.cont03 > dl > dd ul li{
    width: 100%;
  }
  #np01 .mainInner ol > li.cont03 > dl > dd ul li dl {
    width: 100%;
  }
  #np01 .mainInner ol > li.cont03 > dl > dd ul li:first-of-type dl {
    margin-bottom: 20px;
  }
  #np01 .mainInner ol > li.cont03 ul li dl dt {
    font-size: 1.7rem;
    margin-bottom: 4px;
  }
  /*question*/
  #np01 #question {
    width: 100%;
    margin: 30px auto;
  }
  #np01 #question .otherQA {
    font-size: 1.5rem;
  }
  #np01 h2.title {
    padding: 15px 20px 12px 20px;
  }
  /*#np01.indep-----------------------*/
  #np01.indep {
    margin: 0 auto;
  }
}

/* /manabi/course/np01/css/np01.css から流用 ここまで */


/*============================================================================*/
/* レスポンシブ ここから */
@media screen and (max-width: 767px) {
	main .pcOnly {
  display: none;
}
main .spOnly {
  display: block;
}
	.mainImg.fmvTop .cont {
		padding: 0;
		display: block;
		width: 100%;
	}
	.mainImg.fmvTop h1 {
		margin: 0 auto;
		padding: 15px 120px 10px 10px;
		display: block;
	}
	.mainImg.fmvTop p.main_lead {
		text-align: left;
		display: block;
		margin: 0 auto;
		padding: 10px 10px 15px;
		font-size: 1.2rem;
	}
	.mainImg.fmvTop p.main_badge {
		right: 20px;
		top: 0;
		left: unset;
	}
	div.slider_menu {
		width: 100%;
		margin: 20px auto 10px;
		padding: 0 10px;
	}
	div.slider_menu .slick-list.draggable {
		padding-left: 0;
	}
	div.slider_menu .slick-list > .slick-track .slick-slide.slick-active img {
		margin-bottom: 10px;
	}
	.slider_menu .slick-list > .slick-track .slick-slide.slick-active img {
		border-radius: 8px;
	}
	.slider_menu .slick-list > .slick-track .slick-slide.slick-current.slick-active img {
		border: 3px solid #15a4fd;
		border-radius: 8px;
	}
}