@charset "utf-8";
/*================================コースぺージ===============================*/
#course video {
    display: block;
    width: 100%;
    height: 100%;
    margin: 79px 0 0;
}
@media screen and (max-width: 768px){#course video {margin-top: 69px;}}
@media screen and (max-width: 516px){#course video {margin-top: 59px;}}

@media screen and (max-width: 1100px){
#cda_video a{display:none;}
}
@media screen and (min-width: 1100px){
#cda_video a {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 45%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
}
#cda_video a {
  padding-top: 109px;
}
#cda_video a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 99px;
  height: 100px;
  margin-left: -52px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#cda_video a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 40px;
  height: 40px;
  margin: -26px 0 0 -20px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
}

#course span{display:inline-block;}
#course h2{color: #444;}
#first_sct{margin-top: 79px;}
.total-light_course #first_sct{margin-top: 0;}
@media screen and (max-width: 768px){#first_sct{margin-top: 69px;}.total-light_course #first_sct{margin-top: 0;}}
@media screen and (max-width: 516px){#first_sct{margin-top: 59px;}.total-light_course #first_sct{margin-top: 0;}}
#first_sct .box_upper{
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    background-attachment:  fixed;
    padding: 70px 0 80px;
}
#first_sct .box_upper{background-image: url(/wp-content/themes/cda_2018/images/course/total_cover.png);}
.total-light_course #first_sct .box_upper{background-color:yellow; background-image:none;}
.sketch_course #first_sct .box_upper{background-image: url(/wp-content/themes/cda_2018/images/course/sketch_cover.png);}
.styling_course #first_sct .box_upper{background-image: url(/wp-content/themes/cda_2018/images/course/styling_cover.png);}
.interior_course #first_sct .box_upper{background-image: url(/wp-content/themes/cda_2018/images/course/interior_cover.png);}
.step_up_course #first_sct .box_upper{background-image: url(/wp-content/themes/cda_2018/images/course/step_up_cover.png);}
.portfolio_course #first_sct .box_upper{background-image: url(/wp-content/themes/cda_2018/images/course/portfolio_cover.png);}
#first_sct .title_box{
    width: 70%;
    margin: auto;
    background-color: rgba(255,0,0,0.7 );
    text-align:center;
}
.total-light_course #first_sct .title_box{background-color:rgba(0, 0, 0,0)}
.sketch_course #first_sct .title_box{background-color: rgba(0, 137, 255, 0.7)}
.styling_course #first_sct .title_box{background-color: rgba(255, 165, 0, 0.77)}
.interior_course #first_sct .title_box{background-color: rgba(53, 184, 39, 0.76)}
.step_up_course #first_sct .title_box{background-color: rgba(0, 239, 221, 0.76)}
.portfolio_course #first_sct .title_box{background-color: rgba(239, 67, 0, 0.79)}
#first_sct .text_wrap{
    color: #fff;
    text-align:  center;
    width: 100%;
    padding: 45px 0;
}
.total-light_course #first_sct .text_wrap{color:#555;}

#first_sct .text_wrap h1{
    font-size: 60px!important;
    font-weight: 300;
}
.total-light_course #first_sct .text_wrap h1{font-weight: 500;}

#first_sct .text_wrap p{
    font-size: 20px;
    font-weight: 300;
    width: 90%;
    margin: 0 5%;
}
#first_sct .text_wrap p:nth-child(3) {
    margin-bottom: 0!important
}
#first_sct .text_wrap strong{
    color: #fff;
    font-weight: 300;
    font-size: 35px;
    text-decoration: none; 
}
.total-light_course #first_sct .text_wrap strong{color:#555;font-weight:700;}

#first_sct .box_bottom{
    background-color: #eeeeee;
}
#first_sct .box_bottom .inner{
    width: 100%;
    padding: 70px 0;
    text-align: center;
}
#first_sct .box_bottom .inner h2{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 32px;
    display: inline-block;
    padding: 0 20px;
    min-width: 800px;
}
@media screen and (max-width: 1600px){#first_sct .box_bottom .inner h2{min-width:0;}}

.total-light_course #first_sct .box_bottom .inner h2{
    text-align: left;
}
.total-light_course #first_sct .box_bottom .inner h2.en { max-width: 960px;}

#first_sct .box_bottom .inner p{
    margin-top: 20px;
    font-size: 20px;
    display: inline-block;
    text-align:left;
    max-width: 980px;
    width:  90%;
    margin: 0 5% 12px;
}
.total-light_course #first_sct .box_bottom a {
    text-decoration: underline;
}
.course-contents {
    width: 100%;
    text-align: center;
    color: #fff;
    padding:35px 10px 0;
    border-top: 1px solid;
}
.total-light_course .course-contents{color: #555;}

.course-contents ul {
    font-weight: 600;
    display:inline-block;
    width: 49%;
}
@media screen and (max-width: 768px){
  .course-contents ul {width: 38%;margin: 0 20%;margin-bottom: 0;}
  .course-contents ul.right{text-align:left;}
  }
@media screen and (max-width: 480px){
  .course-contents ul {width: 60%;margin: 0 3%;margin-bottom: 0;}
}
.course-contents ul li {
    display: inline-block;
    text-align: left;
    margin: 0 0 10px 0;
    width: 90%;
}
@media screen and (max-width: 768px){.course-contents ul li{width: 100%;}}

.course-contents ul li div {
    height: 33px;
    margin: 0 5px 0 0;
}

.course-contents p {
    padding: 0 15px;
    text-align: left;
    display: inline-block;
}
#course p.kome span {
    display: block;
}

.ul-wrap {
    display: inline-block;
    width: 700px;
}
@media screen and (max-width: 768px){
    .ul-wrap{width: auto;} 
}

.course-contens ul.left {
    text-align: left;
}

#second_sct{
    width: 100%;
    padding: 60px 0;
}
#third_sct,
#fourth_sct{
    width: 100%;
}
#fourth_sct{margin-top:0;}
#second_sct h2, #third_sct h2, #fourth_sct h2, #course_fee h2{
    text-align: center;
    font-size: 35px;
    font-weight: 500;
}
#third_sct h2{text-align:left}
#fourth_sct h2{text-align:right}
#second_sct .inner_wrap{
    padding-top: 50px;
    max-width: 1200px;
    margin:auto;
}
#second_sct .inner{
    display:block;
    text-align: left;
    width: 500px;
    margin: 0;
    margin-right: 200px;
}
#second_sct .inner:nth-child(2),
#second_sct .inner:last-child{margin-right:0}

#course h3 div {
    height: 33px;
}
#course h3 i {
    color: #9c2b29;
    margin-right: 9px;
}

/*total course*/
@media screen and (max-width: 1200px){
    #second_sct .inner_wrap{width:810px;}
    #second_sct .inner{width:395px}
    #second_sct .inner{ margin-right: 20px;}
}

#second_sct h3{
    font-size: 20px;
    text-align:  left;
    font-weight: 600;
    color: #333;
}
#second_sct p{
    padding: 10px 0 0 18px;
    font-size: 18px;
    text-align: left;
}

#third_sct, #fourth_sct{
    padding: 3px 0;
    position:  relative;
    z-index: 0;
}
#third_sct,
.step_up_course #fourth_sct,
.portfolio_course #fourth_sct{background-color: #eeeeee;}
#third_sct .inner_r{
    text-align: left;
    padding: 31px 0 0 50px;
}
#third_sct ul li{
  line-height:1.3
}
#third_sct .inner_r ul{
    display: inline-block;
    text-align: left;
    font-size:23px;
    font-weight: 500;
    line-height: 23px;
    margin: 32px auto 0;
    max-width: 683px;
}
#third_sct .inner_l,
#fourth_sct .inner_r{
    width:40%;
    height: 480px;
    display:  block;
}
#third_sct .inner_r,
#fourth_sct .inner_l{width:60%}
#third_sct .inner_l img,
#fourth_sct .inner_l img{
    height: 100%;
}
#third_sct .inner_l, #fourth_sct .inner_r{background-image: url(/wp-content/themes/cda_2018/images/course/total_middle_1.png);background-repeat:  no-repeat;background-position: right;background-size:  cover;}
.sketch_course #third_sct .inner_l{background-image: url(/wp-content/themes/cda_2018/images/course/sketch_middle_1.png);height: 323px;}
.styling_course #third_sct .inner_l{background-image: url(/wp-content/themes/cda_2018/images/course/styling_middle_1.png);width: 40%;}
.interior_course #third_sct .inner_l{background-image: url(/wp-content/themes/cda_2018/images/course/interior_middle_1.png);width: 40%;}
#third_sct .inner_r ul li{width: 337px;margin-bottom:20px;}
#third_sct ul li div {
    height: 30px;
    margin: 0 10px 0 0;
    text-align: right;
    color: #9b2a2a;
    width: 30px;
}

#fourth_sct .inner_r{background-image:url(/wp-content/themes/cda_2018/images/course/total_middle_2.png);background-position:left;}
.sketch_course #fourth_sct .inner_r{background-image:url(/wp-content/themes/cda_2018/images/course/sketch_middle_2.png);}
.styling_course #fourth_sct .inner_r{background-image:url(/wp-content/themes/cda_2018/images/course/styling_middle_2.png); background-position:right}
.interior_course #fourth_sct .inner_r{background-image:url(/wp-content/themes/cda_2018/images/course/interior_middle_2.png); background-position:right}
.step_up_course #fourth_sct .inner_r{background-image:url(/wp-content/themes/cda_2018/images/course/step_up_middle_2.png); background-position:left}
.portfolio_course #fourth_sct .inner_r{background-image:url(/wp-content/themes/cda_2018/images/course/portfolio_middle_2.png); background-position:right}
#fourth_sct .inner_l{padding: 21px 50px 0 0;text-align:right;}
#fourth_sct .wrap{
    display: inline-block;
    text-align: left;
    margin-top: 15px;
}
#fourth_sct p{
    font-size: 25px;
    line-height: 34px;
    font-weight: 500;
    margin: 18px auto 0;
    border-bottom: 1.5px solid red;
}
#fourth_sct a{
    background-image: url(/wp-content/themes/cda_2018/images/course/btn_8.png);
    background-position: right;
    background-repeat:  no-repeat;
    background-size: auto 100%;
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: right;
    padding-right: 15px;
    font-size: 22px;
    line-height: 50px;
    color: #fff;
    font-weight: 500;
    text-decoration:  none;
}
#fourth_sct a p{
    position: absolute;
    top: 0;
    right: 30px;
    color: #fff;
}
#curriculum{
    width: 100%;
}
#curriculum h1{
    width: 100%;
    background-color: #ff0000!important;
    font-size: 45px!important;
    line-height: 80px;
    color: #fff;
    text-align: center;
}
#curriculum .box_upper,
#curriculum .box_bottom{
    background-image: url(/wp-content/themes/cda_2018/images/course/background_pink.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
#curriculum .box_bottom{background-image: url(/wp-content/themes/cda_2018/images/course/background_blue.png);}
#curriculum h2{
    font-size: 35px;
    font-weight:600;
    color: #333;
    line-height: 30px;
    margin-top: 29px;
    padding-left: 10px;
    border-left: 25px solid red;
    display:  inline-block;
}
#curriculum .box_bottom h2{border-color: blue;}
.portfolio_course #curriculum .box_bottom h2{border-color: #ff6000;}
#curriculum h3{
    font-size: 23px;
}
#curriculum ul{
    display: inline-block;
    width:85%;
}
#curriculum ul li{
    position: relative;
    display: inline-block;
    width:30%;
    margin: 30px 0 0 3%;
    text-align: center;
}
#curriculum ul li:first-child{
    margin-left: 0
}
#curriculum ul li p{
    display: block;
    width: 100%;
    display:  inline-block;
    vertical-align:  middle;
    color: #fff;
}
#curriculum .box_upper ul li, #curriculum .box_bottom ul li {
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:  cover;
    color:#fff;
    line-height:300px;
    position:  relative;
}
#curriculum .box_upper ul li p,#curriculum .box_bottom ul li p{
    font-size: 30px;
    font-weight: 900;
    line-height: 33px;
    margin-bottom:  0;
}
@media screen and (max-width: 480px){#curriculum .box_upper ul li p,#curriculum .box_bottom ul li p{font-size:23px;line-height:33px}}
@media screen and (max-width: 320px){#curriculum .box_upper ul li p,#curriculum .box_bottom ul li p{font-size:20px;line-height:33px}}
#curriculum .box_upper ul li:nth-child(1){background-image:url(/wp-content/themes/cda_2018/images/course/btn_1.png)}
#curriculum .box_upper ul li:nth-child(2){background-image:url(/wp-content/themes/cda_2018/images/course/btn_2.png)}
#curriculum .box_upper ul li:nth-child(3){background-image:url(/wp-content/themes/cda_2018/images/course/btn_3.png)}
.interior_course #curriculum .box_upper ul li:nth-child(1){background-image:url(/wp-content/themes/cda_2018/images/course/btn_int1.png)}
.interior_course #curriculum .box_upper ul li:nth-child(2){background-image:url(/wp-content/themes/cda_2018/images/course/btn_int2.png)}
.interior_course #curriculum .box_upper ul li:nth-child(3){background-image:url(/wp-content/themes/cda_2018/images/course/btn_int3.png)}
#curriculum .box_bottom ul li:nth-child(1){background-image:url(/wp-content/themes/cda_2018/images/course/btn_4.png)}
#curriculum .box_bottom ul li:nth-child(2){background-image:url(/wp-content/themes/cda_2018/images/course/btn_5.png)}
#curriculum .box_bottom ul li:nth-child(3){background-image:url(/wp-content/themes/cda_2018/images/course/btn_6.png)}
.portfolio_course #curriculum .box_bottom ul li:nth-child(1){background-image:url(/wp-content/themes/cda_2018/images/course/portfolio_btn_4.png)}
.portfolio_course #curriculum .box_bottom ul li:nth-child(2){background-image:url(/wp-content/themes/cda_2018/images/course/portfolio_btn_5.png)}
.portfolio_course #curriculum .box_bottom ul li:nth-child(3){background-image:url(/wp-content/themes/cda_2018/images/course/portfolio_btn_6.png)}
#curriculum .box_upper ul a, #curriculum .box_bottom ul a{display: block;width: 100%;height: 100%;}
#curriculum .box_upper ul a:hover, #curriculum .box_bottom ul a:hover{background-color: rgba(0,0,0,0.3);}
#curriculum .box_upper ul a span.small,
#curriculum .box_bottom ul a span.small {
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: 12px;
    right: 15px;
    line-height: 18px;
}
#question{
    width: 100%;
    text-align: center;
    padding: 33px 0 56px;
}
#question h1{
    width: 100%;
    text-align: center;
    font-size:50px!important;
    font-weight: 600;
    color: #444;
}
#question .ul_wrap{
    width: 90%;
    max-width: 1200px;
    margin: auto;
}
#question .ul_wrap .left,
#question .ul_wrap .right{
    width: 40%;
    text-align: center;
}  
#question ul{
    margin: auto;
    display: inline-block;
    text-align: left;
}
#question ul li h2{
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    padding-left: 5px;
    border-left: 5px solid #9c2b29;
}
#question ul li p{
    font-size: 17px;
    margin-top: 10px;
}
#question ul li p:first-letter{font-weight:700;color:#9c2b29}

#course .apply_session,
#course .apply_pamphlet,
#course .apply_trial,
#course .apply_course,
#course .student_works{
    background-image: url(/wp-content/themes/cda_2018/images/course/btn_7.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:  cover;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
}
#course .apply_session{background-image: url(/wp-content/themes/cda_2018/images/course/btn_7_2.png);}
#course .apply_pamphlet{background-image: url(/wp-content/themes/cda_2018/images/course/btn_7_3.png);}
#course .apply_trial{background-image: url(/wp-content/themes/cda_2018/images/course/btn_7_4.png);}
#course .apply_course{background-image: url(/wp-content/themes/cda_2018/images/course/btn_7_5.png);}
#course .student_works{padding: 50px 0;}
  
#course .apply_session p,
#course .apply_pamphlet p,
#course .apply_course p,
#course .apply_trial p {color: #fff;text-align: left;display: inline-block;}

#course .apply_session a,
#course .apply_pamphlet a,
#course .apply_course a,
#course .apply_trial a{
  color: #fff;
  display: inline-block;
  border: 1px solid;
  padding: 10px 17px;
  -moz-border-radius: 23px;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  text-decoration: none;
}

#course .apply_session a:hover,
#course .apply_pamphlet a:hover,
#course .apply_course a:hover,
#course .apply_trial a:hover{
  background-color:rgba(255, 255, 255, 0.5)
}

#course .student_works a{
    width:100%;
    text-align: center;
    color: #fff;
    display:  block;
    text-decoration:  none;
}

#course_fee h2 {
    color: #444;
    font-weight:bolder;
}

#course_fee {
    text-align: center;
    padding: 20px 0;
    margin-top: 59px;
}
#course_fee p{
  margin-top:10px;
  padding:18px;
  background-color: #f1f1f1;
}

#flow_application{
    width: 100%;
    background-color: #eeeeee;
    text-align: center;
    padding: 5% 0 5% 0;
}
#flow_application h1{
    font-size: 40px!important;
    font-weight: 500;
    color: #444;
}
#flow_application ul li br{display:none}
#flow_application ul{
    display: inline-block;
    width: 80%;
}

#flow_application ul li{
    font-size: 20px;
    padding: 0px 0 30px;
    display: block;
    margin: 20px;
    background-image: url(/wp-content/themes/cda_2018/images/course/flow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
#flow_application ul li .flow_wrap{
    width:  100%;
    background-color:  #fff;
    position:  relative;
    text-align:  center;
    padding: 29px 10px 10px;
}
#flow_application ul li p{display:inline-block;margin: 8px auto;line-height: 19px;font-size:16px;}
#flow_application ul li:last-child{
    background-color: #fff;
    height:140px;
}
#flow_application ul li h2{
    font-weight: 600;
    line-height: 26px;
}
#flow_application ul li h2 span{
    font-size: 27px;
    color:#444;
}

#course_fee p.small {
    margin: 0;
    padding: 0;
    background-color: initial;
}
#course_fee img.desktop{
    display: block;
    width: 70%;
    margin: 50px auto;
}
#course_fee img.mobile {display:none;}
/*========================================================= media screen 1200px =============================*/
@media screen and (max-width: 1200px){
    #third_sct .inner_l.leftcol, #fourth_sct .inner_r.rightcol{width:100%;position:absolute;z-index:-1;height: 100%;}
    #third_sct .inner_r, #fourth_sct .inner_l{
    background-color: rgba(255,255,255,0.9);
    width: 100%;
    padding: 25px 0 32px;
    text-align:  center;
    }
    #third_sct, #fourth_sct{padding:0;}
    #third_sct h2,#fourth_sct h2{text-align:center}
}
/*========================================================= media screen 890px =============================*/
@media screen and (max-width: 890px){
       #second_sct .inner_wrap {padding-top: 34px;width: 100%;}
       #second_sct .inner {width: 100%;margin: auto;padding: 0 10px;text-align: center;}
       #second_sct .inner h3{display:inline-block;}
       #third_sct .inner_r ul{width:594px}
}
/*========================================================= media screen 768px =============================*/
@media screen and (max-width: 768px){
   #first_sct .box_upper{background-attachment: scroll;background-size: auto;padding: 26px 0 45px;}
   #first_sct .title_box{width:100%;}
   #first_sct .text_wrap h1 {font-size: 50px!important;}
   #first_sct .box_bottom .inner p{font-size:16px;}
   #second_sct h2, #third_sct h2, #fourth_sct h2, #course_fee h2{font-size: 30px;}
   #second_sct .inner p{font-size:16px;padding: 10px 0;line-height: 24px;text-align: left;}
   #third_sct .inner_r ul{font-size: 20px;width: 470px;}
   #third_sct .inner_r ul li{width: 235px;}
   #fourth_sct a{height: 30px;font-size: 13px;line-height: 30px;}
   #curriculum .box_upper{background-color: #fde8e9;padding-bottom: 14px;}
   #curriculum .box_bottom{background-color: #dcf7f6;padding-bottom: 14px;}
   #curriculum h2{font-size:25px;line-height:25px;border-width:10px}
   #curriculum h3{font-size:16px}
   #curriculum .box_upper ul li, #curriculum .box_bottom ul li{width:80%;margin-left: 10%;float:  left;height: 166px;line-height:  166px;font-size: 30px;}
   #question h1{font-size:40px!important}
   #question .ul_wrap .left, #question .ul_wrap .right{width:100%}
   #question .ul_wrap li{height:auto!important}
   #question ul li p{font-size: 16px;margin-bottom: 49px;}
   #course .student_works{margin-top: 18px; padding:30px 0;}
   #flow_application ul li{margin:50px 10px}
   #course_fee img.desktop{width: 94%;margin:30px auto;}
}

/*========================================================= media screen 480px =============================*/
@media screen and (max-width: 480px){
   #first_sct .text_wrap h1 {font-size: 23px!important;font-weight: 500;}
   #first_sct .text_wrap p {font-size: 15px;}
   #first_sct .text_wrap p:nth-child(2){text-align:left;display:  inline-block;margin: 8px auto 37px;}
   #first_sct .box_upper div div p:nth-child(2) > br{display:none}
   #first_sct .box_bottom .inner h2{font-size:25px}
   #second_sct h2, #third_sct h2, #fourth_sct h2, #course_fee h2{font-size:25px}
   #second_sct h2{font-size:23px;}
   #second_sct .inner h3{font-size: 20px;color: #444;}
   #second_sct .inner p{font-size: 15px;padding: 0px 20px;line-height: 24px;}
   #third_sct .inner_l,#fourth_sct .inner_r{background-position:center}
   #third_sct .inner_r ul{width: 225px;}
   #third_sct .inner_r ul li{width: 100%;}
   #fourth_sct .wrap{
    padding: 0 10px;
    margin-top: 7px;
}
   #fourth_sct p{font-size: 18px;line-height: 24px;}
   #curriculum{margin-top:0}
   #curriculum h1{font-size: 30px!important;}
   #curriculum .box_upper{background-color: #fde8e9;padding-bottom: 14px;}
   #curriculum .box_bottom{background-color: #dcf7f6;padding-bottom: 14px;}
   #curriculum h2{font-size: 22px;line-height:22px}
   #curriculum h3{font-size: 15px;text-align:  left;display:  block;width:  310px;margin:  auto;}
   #curriculum .box_upper ul li, #curriculum .box_bottom ul li{width:80%;margin-left: 10%;height: 113px;line-height: 111px;font-size: 23px;}
   #question h1{font-size: 35px!important;}
   #question .ul_wrap .left, #question .ul_wrap .right{width:100%}
   #question .ul_wrap{width: 92%;}
   #question .ul_wrap li{height:auto!important}
   #question ul li p{font-size: 15px;margin-bottom: 44px;display:  inline-block;}
   #course .student_works{margin-top: -5px;}
   #flow_application ul li br{display:block}
   #flow_application h1{font-size:30px!important}
   #flow_application ul{width: 100%;}
   #flow_application ul li h2 {font-weight:400;}
   #flow_application ul li h2 span{font-size:20px;font-weight:600}
   #flow_application ul li{margin: 17px 0;}
   #flow_application ul li{padding: 5px 0 25px;}
   #flow_application ul li p{text-align: center;line-height: 22px;}
   #course_fee img.desktop{display: none;}#course_fee img.mobile{display: block;width: 98%;margin: 15px auto;}
}
/*========================================================= media screen 320px =============================*/
@media screen and (max-width: 320px){
#question .ul_wrap {width: 100%;}
#question ul li p{font-size:14.5px}
}