/*
Theme Name: CAD DESIGN ACADEMY 2020
Template: cda_2018
Author: TAKERU KYAN
Description: Themae of CDA2020
Version: 2.0
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, del, ins, em, img, hr, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{font-family: 'Open Sans','arial','sans-serif';}
#logoright p {text-align: center;color: #999;}

/**Common parts**/
#logoright{
bottom: 30px;
}
.bookmark {
    position: relative;
    padding: 5px 0 5px 10px;
    background: #fdc7c6;
    color: black;
    margin-bottom: 20px;
}

.bookmark::before{
   position: absolute;
   content: '';
   top: 100%;
   left: 0;
   border-bottom: solid 15px transparent;
   border-right: solid 20px rgb(185, 109, 108);
}
.linkbutton { /*common_part_of_LinkButton*/
    background-color: #4d84b3;
    border-radius: 19px;
    padding: 10px;
    margin: auto;
    text-align:center;
}
.linkbutton:hover {
    background-color: #d0d0d0;
}
.linkbutton a {
    FONT-WEIGHT: 200;
    color: yellow!important;
    width: 100%;
    font-size: 17px;
    display: block;
    padding: 20px 0;
    text-decoration: none!important;
    border: 1px solid;
    border-radius: 12px;
}
@media screen and (min-width: 768px){
    .linkbutton {
        max-width:700px;
    }
    .linkbutton a {
         font-size:25px;   
    }
}

table.normal { /*common_part_of_Table*/
    width: 95%;
    padding-top: 20px;
    margin: 12px auto;
    font-size: 15px;
}
@media screen and (min-width: 768px){
    table.normal {width: 85%;font-size: 20px;}
}
table.normal th,table.normal td {
    border: solid 1px #555;
    text-align: center;
    padding: 15px 0;
}
table.normal th { background-color: #dcffff;}
table.normal td:first-child{font-weight:bolder}
table.normal span{display: inline-block;}
table.normal tr { background-color: #fff;}
table.normal tr:hover {
    background-color: #fff46d;
    color: black;
}

#for_pages p.small,
#course_fee p.small { /*common_part_of_small_texts_using_with_*_*/
    font-size: 90%!important;
    padding-left:2em!important;
    text-indent:-2em!important;
    line-height: 1.5!important;
}
@media screen and (min-width: 768px){
 #for_pages p.small  {
        font-size: 95%!important;
        line-height: 1!important;
    }
}

.underline{
    background: linear-gradient(transparent 70%, #ffff00de 80%);
}

#planmenu ul {/*common_part_of_manu_navigation*/
    display: inline-block;
    width: 90%;
    margin-bottom: 0;
}

#planmenu ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
}

#planmenu {
    text-align: center;
    width: 100%;
    position: fixed;
    background-color: #eee;
    z-index: 1;
    top: 91px;
    padding: 20px 0px;
    right: 100%;
}
#planmenu.show{right:0;}

#planmenu ul li {
    border-right: 1px solid red;
}

#planmenu ul li:first-child {
    border-left: 1px solid red;
}
#planmenu ul li>a{
    font-weight:bold;
}
/*-----slider_for_student's voice--------------------------------------------------------------------------------------*/
#voice {
    background-color: #eeeeee;
    padding: 10px 0 30px;
}
#formWrapper #voice{
    padding:5px 0 10px;
    margin-bottom: 35px;
}
#voice .s_coment_slide,
#voice .correction_slide{
    margin: 50px auto;
    width: 80%;
    text-align:center;
}
#formWrapper #voice .s_coment_slide{
    margin:20px auto;
    width:90%;
}
@media screen and (min-width: 768px){
    #formWrapper #voice .s_coment_slide{
    padding:24px;
    }
}
#voice .s_coment_slide .coment_wrap,
#voice .correction_slide .correction_wrap{
    height: auto;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin:auto;
    max-width:800px;
}
#voice h3{margin-bottom:6px;display: inline-block;text-align: left;}
#voice strong{
    font-size:19px;
    color:#333;
}
@media screen and (min-width: 768px){
    #voice strong{font-size:25px;color:#444;}
}
#voice p{
    font-size:16px;
    line-height: 1.8;
}
@media screen and (min-width: 768px){
    #voice p{font-size:20px;}
}
#voice p.name{
    font-size:120%;
    font-weight:bold;
    color:#444;
}
@media screen and (min-width: 768px){
    #voice p.name{font-size:140%;}
}
#voice p.name span.small {
    font-size: 80%;
}
#voice p.coment{
   text-align:left;
    width: auto;
}
#voice .correction_text {
    text-align: center;
}

#voice .correction_text p {
    display: inline-block;
    text-align: left;
    padding: 0 20px;
    max-width: 900px;
}
.feedback_video img {
    width: 80%;
    max-width: 680px;
}

.feedback_video {
    text-align: center;
    background-color: lightgrey;
    padding: 10px 0;
}
/*slick setting*/
#voice .slick-prev:before,
#voice .slick-next:before {
    color: #333;
    font-size: 35px;
}
#formWrapper #voice .slick-next {
    right: -10px;
}
#voice .slick-dots li.slick-active button:before {
    color: #bb120f;
}
/*-----Re-edit_for_pages--------------------------------------------------------------------------------------*/
#for_pages section:first-child {
    margin-top: 69px;
}
@media screen and (min-width: 1030px){#for_pages section:first-child{margin-top: 79px;}}
@media screen and (max-width: 480px){#for_pages h3{font-size: 20px;}}
@media screen and (max-width: 480px){#for_pages p,#for_pages ul li,#for_pages ol li{font-size: 16px;}}
#for_pages p, #for_pages ul li, #for_pages ol li {
    line-height: 1.4;
}
#for_pages h2 {  font-size: 25px;}
@media screen and (min-width: 768px){#for_pages h2{font-size: 30px;}}
.bg_title_red, .bg_title_blue {
    font-size: 28px;
}
/*-----header--------------------------------------------------------------------------------------*/
#upper-nav ul.courses {
    margin-right: 0;
}
#upper-nav ul.courses>li {
    border-left: none;
    border-right: none;
}

#upper-nav ul.courses>li:last-child {
    border-bottom: none;
}
#upper-nav ul.courses>li>a {
    line-height: normal;
    text-align: right;
}
#upper-nav ul.courses>li>a {
    line-height: normal;
    text-align: right;
}
#header-nomal.fixed #upper-nav ul li.selectmove {
    height: 50px;
    line-height: 50px;
}

#upper-nav ul.courses>li:hover{background-color:#fff;width: 100%!important;}
#bottom-nav,#bottom-nav_for_course {
    left: auto;
}
.dropdown>li>ul>li>a:hover {
    padding-right: 20px;
}
ul.courses,ul.dropdown_mag {
    width: 260px;
}
@media screen and (max-width: 1030px){/***responsive****/
    #header-nomal, #header-nomal.fixed {
        height: 60px;
    }
    #logo,#header-nomal.fixed #logo {
        top: auto;
        bottom: -5px;
    }
    .fixed #logo img {
        margin-top: 9px;
    }
    #logo p,#header-nomal.fixed #logo p {
        top: 50px;
        left: 93px;
        font-size: 20px;
    }
    #mobile-menu,#header-nomal.fixed #mobile-menu {
        top: 24px;
    }
    .open-mobilenav #upper-nav ul.courses>li>a{line-height: 1.5;}
    #upper-nav ul li,#header-nomal.fixed #upper-nav ul li {
        height: 40px;
        line-height: 40px;
    }
    #upper-nav ul.courses {
        left: -206px;
        bottom: -138px;
        background-color: #fff;
    }
    #en #upper-nav ul li {	
        min-width: 33%;	
    }
    #en  #upper-nav ul.courses { bottom: auto;}
    
    #header-nomal #upper-nav ul.courses li,
    #header-nomal.fixed #upper-nav ul.courses li{
        height:46px;
        line-height:56px;
    }
}
#header-nomal #bottom-nav_for_course{/****Only_courses*****/
    display: none;
}
#header-nomal.fixed .only_top{
    display: none;
}
#header-nomal.fixed #bottom-nav_for_course{
    display: block;
}
#bottom-nav_for_course ul li{
    min-width: 152px;
}
#bottom-nav_for_course {
    position: absolute;
    width:90%;
    min-width: 980px;
    height: 30px;
    bottom: 5px;
    right: 0;
    left: 111px;
}
#bottom-nav_for_course>ul {
    margin-right: 20px;
    padding: 0;
    text-align: right;
    margin-bottom: 0
}
#bottom-nav_for_course ul li {
    display: inline-block;
    width: 15%;
    text-align: center
}
#bottom-nav_for_course>ul>li {
    border-right: 1px solid #9c2b29;
    padding:0 5px 0 0;
}
#bottom-nav_for_course>ul>li:first-child {
    border-left: 1px solid #9c2b29;
    padding-left: 5px
}
#bottom-nav_for_course ul li a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-bottom:initial;
}
#header-nomal.fixed #bottom-nav_for_course ul li a {
    color: #3c3c3c;
}
#bottom-nav_for_course ul li a:hover {
    text-decoration: none;
}
#bottom-nav_for_course>ul>li>a:hover {
    background-color: rgba(255,255,255,0.7);
    color:#9c2b29;
    border-bottom:5px solid #9c2b29;    
}
#bottom-nav_for_course>ul>li>a{
        border-bottom:5px solid rgba(0,0,0,0);
}

#header-nomal.fixed #bottom-nav_for_course>ul>li>a:hover {
    background-color: rgba(156,43,41,0.3);
}
@media screen and (max-width: 1030px){
    #bottom-nav_for_course {
    top: 70px;
    right:-165px;
    left: auto;
    left: initial;
    background:rgba(255,255,255,.7);
    width:165px;
    font-size: 17px;
    min-width: 0;
    text-align:left;
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    }
    
    #bottom-nav_for_course>ul {
    margin:0;
    background-color: rgba(255,255,255,0.8);
    }
    .border-top{
        display: block;
        border-bottom: 1px solid #9c2b29;
        margin-left:10px;
    }
    
    #bottom-nav_for_course>ul>li {
    display:block;
    border:none;
    padding:15px 0 15px 7px;
    min-width: 100%;
    text-align: left;
    }
    #bottom-nav_for_course>ul>li:hover {
    background-color: rgba(156,43,41,0.3);
    border-left:10px solid #9c2b29;
    }
    #bottom-nav_for_course>ul>li:first-child{
        border:none;
        padding-left: 10px;
    }
    #bottom-nav_for_course>ul>li:first-child:hover{
        border-left: 10px solid #9c2b29
    }
    
    #bottom-nav_for_course>ul>li>a {
        color: #222;
    }
    #bottom-nav_for_course>ul>li::after {/* content:'' */}
    #bottom-nav_for_course>ul>li:last-child {border-bottom:none}
    #bottom-nav_for_course>ul>li>ul>li>a{
        text-align: right!important;
    }
   .open-mobilenav #bottom-nav_for_course {right: 0px}
}
@media screen and (max-width: 480px){
    .open-mobilenav #bottom-nav_for_course {right: -45px}
}
@media screen and (max-width: 350px){/***responsive****/
    #logo p,#header-nomal.fixed #logo p {
        left: 76px;
    }
}
/*-----admission-------------------------------------------------------------------------------------*/
#cda_admission_1 ul{width:auto}
#cda_admission_1 .ul_wrap{text-align: center;}
#cda_admission_1 .pc_al a {
    margin-left: 10px;
    font-weight: normal;
}

#for_pages #cda_admission_2 h3.start {
    display: block;
    width: 100%;
    text-align: center;
    padding: 50px 0;
}

#for_pages #cda_admission_4 .fee_wrap,
#for_pages #cda_admission_6 .flow_wrap {
    width: 100%;
    padding: 20px;
    max-width: 1000px;
    margin: auto;
}
@media screen and (min-width: 768px){
    #for_pages #cda_admission_4 .fee_wrap {
        padding: 20px 50px;
    }
}

#for_pages #cda_admission_4 th {
    background-color: #dcffff;
}

#for_pages #cda_admission_4 h3 {
margin: 25px 0 0 0;
}

#for_pages #cda_admission_4{margin-bottom:40px}

#for_pages #cda_admission_5 .pc_al span {
    display: inline-block;
}

@media screen and (max-width: 768px){
    #cda_admission_6 .pc_al {
    width: auto; 
    }
}

#cda_admission_6 {
    padding-bottom: 50px;
}
#cda_admission_6 li.arrow {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 150%;
}

/*-----plandetails-------------------------------------------------------------------------------------*/
#plandetails strong {
    color: #333;
}
#plandetails h3 strong {
    color: #222;
}

#plandetails table.normal tr.period>th {
    background-color: #ffd4a8;
}

section#exterior,section#interior,section#goals {
    padding: 80px 0 0 0;
}
#planmenu ul {
    display: inline-block;
    width: 90%;
    margin-bottom: 0;
}

#planmenu ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
}

#planmenu {
    text-align: center;
    width: 100%;
    position: fixed;
    background-color: #eee;
    z-index: 1;
    top: 91px;
    padding: 20px 0px;
    right: 100%;
}
#planmenu.show{right:0;}

#planmenu ul li {
    border-right: 1px solid red;
}

#planmenu ul li:first-child {
    border-left: 1px solid red;
}
#planmenu ul li>a{
    font-weight:bold;
}

#plandetails h4 {
    margin: 30px auto 5px;
    font-size: 20px;
}

#plandetails_wrap{
    width: 100%;
    padding: 12px 20px 100px 20px;
    max-width: 1000px;
    margin: auto;
}
#for_pages #plandetails p.small {
    margin-bottom: 3px;
}
#plandetails h2.bg_title_red {
    margin-bottom: 15px;
}

#plandetails span.times {
    font-size: 150%;
}

#plandetails hr {
    margin-top: 78px;
}
#plandetails #goals table.normal {
    margin-bottom: 60px;
}
#plandetails #goals strong.big {
    font-size: 115%;
}
#plandetails .box_small {width: 100%;padding: 20px;}
#plandetails .box_small p {
    margin: auto;
}
#plandetails .box_small a{
    color:#bb2623;
    font-weight:bold;
}
/*-----system-------------------------------------------------------------------------------------*/
#cda_chara ul {
    max-width: 1000px;
}
#cda_chara .li_right, #cda_chara .li_center {
    text-align: left;
}
#cda_chara p, #cda_chara ul li, #cda_chara ol li{
    line-height:1.5;
    margin-bottom: 30px;
}
#cda_chara li h3.ipt {
    margin-top: 28px;
    margin-bottom: -6px;
}
@media screen and (min-width: 768px){
    #cda_chara li h3.ipt {margin-bottom: 6px;}
    #cda_chara > ul > div.li_left > li > ol > li:nth-child(2) > h3.ipt,
    #cda_chara > ul > div.li_center > li > ol > li:nth-child(2) > h3.ipt,
    #cda_chara > ul > div.li_right > li > ol > li:nth-child(2) > h3.ipt{
        margin-top: 0;
    }
}

#originalmethod h2 {
    text-align: left;
    display:inline-block;
    width: auto;
}
@media screen and (min-width: 768px){
    #originalmethod h2 {
        display: block;
        margin: auto;
        text-align: center;
    }
}

.originalmethod_4.clearfix.bg_dot {
    text-align: center;
}
@media screen and (max-width: 480px){
#originalmethod > div.originalmethod_4.clearfix > h2{width:auto}
}

#originalmethod {
    padding: 0 25px;
}
#student_works {
    padding: 0 25px;
    text-align: center;
}
#student_works img.studentsworks {
    width: 100%;
    max-width:800px;
    display: block;
    margin: auto;
}
#student_works h2{
    margin:20px auto;
    display: inline-block;
    text-align: left;
}

/*-----about-------------------------------------------------------------------------------------*/
#cda_mission .linkbutton,
#cda_policy .linkbutton{margin-top: 10px;}

#cda_mission .linkbutton a,
#cda_policy .linkbutton a {padding: 20px 0;}
#cda_policy { padding: 25px;}
#cda_policy ul { 
width:auto;
min-width:0;
max-width:1000px;
margin-bottom: 0;
}
#cda_policy p, #cda_policy ol li{
    margin-left:25px;
}
/*-----faq-------------------------------------------------------------------------------------*/
/*animation_start*/
@keyframes show{
    0%{opacity:0}
    100% {opacity: 1}
}
#faq #planmenu ul {
    width: 98%;
}

#faq #planmenu ul li {
    width: 24%;
}
.answer{
    display: block;
    margin-top: 15px;
    animation: show 1s linear 0s;
}
#faq p.left {
    display: inline-block;
    margin: 0;
}
.hide .answer{
    display: none;
}
.question_wrap{
    margin-bottom: 30px;
    margin-top: 30px;
}
.question_wrap.hide{
    margin-bottom: 0;
}
/*animation_end*/
#faq #planmenu span {
    display: inline-block;
}
#aboutcourses, #aboutlessons, #aboutplans,#aboutpre {
    max-width: 1000px;
    margin: auto;
    padding: 100px 20px 0;
}

#faq {
    text-align: center;
    padding-bottom: 100px;
}
#faq h2 {
    display: inline-block;
}
.question_wrap {
    background-color: #a6eaff;
    border-radius: 6px 18px 18px 6px;
    padding: 6px 8px 6px 6px;
    cursor:pointer;
}
.qustion h3{
    text-align:left;
    padding-left:1em;
    text-indent:-1em;
    display: inline-block;
}
.qustion h3:before {
    content: "Q";
}
.answer p {
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
}
.answer p:before{
    content:"A."
}

/*-----top_page-------------------------------------------------------------------------------------*/
.news{top:238px} 
@media screen and (min-width: 480px){ 
    .campaign{top:163px}.news{top:300px}
    #en .campaign{top: 330px;} #en .news{top:288px}
}

.toppage #voice h2 {
    font-weight: normal;
}
.inner-pic #voice {
    margin-top: 15px;
}

.inner-pic #voice{
    background-color: rgb(238 238 238 / 0.5);
}
.feedback_video {
    background-color: transparent;
}
.inner-pic #voice .correction_text {
    background-color: white;
}

#cda_video .video_wrap{
    width: 100%;
    background-color: rgb(0,0,0,0.5);
}

#cda_video video {
    display: block;
    width: 100%;
    height: 100%;
    margin: 79px 0 0;
}
@media screen and (max-width: 768px){#cda_video {margin-top: 69px;}}
@media screen and (max-width: 516px){#cda_video {margin-top: 59px;}}

@media screen and (max-width: 1100px){
    #cda_video a.scroll{display:none;}
}
@media screen and (min-width: 1100px){
    #cda_video a.scroll {
      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.scroll{
      padding-top: 109px;
    }
    #cda_video a.scroll 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.scroll 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;
    }
}
.link_to_course {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image:url(/wp-content/themes/cda_2018/images/course/btn_2.png);
    background-color:red;
    border-radius: 19px;
    padding: 10px;
    margin: 20px auto;
    text-align: center;
    width: 90%;
    max-width: 570px;
}
.link_to_course a {
    color: yellow!important;
    width: 100%;
    font-size: 20px;
    display: block;
    padding: 50px 0;
    text-decoration: none!important;
    border: 1px solid;
    border-radius: 12px;
    background-color:rgb(0 0 0 / 40%)
}
@media screen and (min-width: 480px){
    .link_to_course a{
        font-size:25px;
     }
}
/*-----banner------------------------------------------------------------------------------------*/
.links-wrap {
    background-color: #888;
    padding: 20px 0;
    text-align: center;
}

.links-wrap h4 {
    font-size: 20px;
    color: #fff;
}

.links-wrap img {
    width: 95%;
    margin: 20px auto;
    max-width: 300px;
}
@media screen and (min-width: 480px){
    .links-wrap img{margin: 20px}
}
.banner-wrap {
    max-width: 700px;
    margin: auto;
}
/*-----Course_page-------------------------------------------------------------------------------------*/
/*== Campaign and News ==*/
#course .campaign{
    color: #3d3d3d;
    background-color: rgba(251, 255, 0, 0.75);
    padding: 22px;
    max-width: 605px;
    margin: 10px auto;
    animation: slideright2 3.5s ease 0s 1 normal;
    -webkit-animation: slideright2 3.5s ease 0s 1 normal;
    -webkit-border-radius: 23px;
    border-radius: 23px;
}
@media screen and (max-width: 480px){#course .campaign {margin: 10px;} }
@-webkit-keyframes slideright2 {
  0% {
    transform: translateX(600px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideright2 {
  0% {
    transform: translateX(600px);
  }
  100% {
    transform: translateX(0);
  }
}
#course .campaign h2 span{display:inline-block}
#course .campaign a:hover{text-decoration:none}
/*== Campaign and News END ==*/

#cda_video video {
    margin: 0;
}
#course #first_sct {
    margin-top: 0;
}
#course .apply_session a, 
#course .apply_pamphlet a, 
#course .apply_course a,
#course .apply_trial a{
    background-color: #0000009e;
}
#course .linkbutton{
    width: 85%;
}
#course .linkbutton a {
    padding: 20px 0;
}
#course #first_sct .title_box {
    max-width: 1000px;
}
#course #first_sct .box_bottom .inner{
    max-width: 1060px;
    margin: auto;
}
#course #first_sct .text_wrap hr{
    margin-bottom: 20px;
}
#course #first_sct .text_wrap strong{
    font-weight: bold;
}
#course #first_sct .course-contents ul {
    width: auto;
    margin: auto;
    display: block;
}
#course #first_sct .ul-wrap {
    width: auto;
}
#course #second_sct {
    padding: 60px 20px;
}
#course #second_sct .inner p {
    padding: 0;
}
#course #third_sct .inner_r, #fourth_sct .inner_l {
    padding-top: 50px;
}

#course #third_sct .inner_l.leftcol {
    background-position-x: -713px;
}

#course #curriculum {
    text-align: center;
}

#course #curriculum h2,
#course #schedule h2,
#course #flow_application h2,
#course #question h2,
#voice h2{
    font-size: 25px;
    margin: 50px auto 40px;
    border-left: none;
    padding-left: 0;
    line-height: normal;
    color: #444;
    font-weight: bolder;
    text-align:center    
}
@media screen and (min-width: 768px){
    course #curriculum h2,
    #course #schedule h2,
    #course #flow_application h2,
    #course #question h2,
    #voice h2{
        font-size: 30px;
    }
}
#course #curriculum h3,
#course #schedule h3,
#course #flow_application h3{
    font-size: 20px;
    font-weight:600;
    color: #333;
    margin-bottom: 13px;
    display: block;
    width: 100%;
    text-align: center;
}
#course .box_bottom h3 i {
    color: #0068b7;
}
#course #curriculum h4{
    font-size: 16px;
    text-align:left;
    display: inline-block;
    width: 289px;
    margin:auto;
}
#course #curriculum .box_upper,
#course #curriculum .box_bottom{
    background-image:none;
    padding-top: 32px;    
}
#course #curriculum .box_upper {
    background-color: #efefef;
}
#course #curriculum .box_bottom {
    background-color: #fff;
}
#course #curriculum .box_bottom h3{
    border-color: blue;
}

#course #course_fee {
    padding: 0;
}

#course #course_fee .fee_wrap {
    margin-top: 43px;
    text-align: center;
}
#course #course_fee .monthly {
    background-color: #efefef;
}
#course #course_fee .monthly,
#course #course_fee .period {
    padding: 30px 15px;
}
#course #course_fee .monthly>div,
#course #course_fee .period>div{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
#course #course_fee h3.ipt {
    font-size: 20px;
    display: inline-block;
}
#course #course_fee>p{
    text-align: center;
}
#course #course_fee p {
    background-color: initial;
    font-size: 16px;
    text-align: left;
}
#course #course_fee p:first-child {
    display: inline-block;
}
#course #course_fee p.small{
    font-size:95%!important;
    margin-bottom: 12px;
}
#course #course_fee .period .inst {
    border-top: 1px dashed #666;
    padding: 50px 0 40px;
}
#course #course_fee .period .inst h4 {
    font-size:20px
}
#course #course_fee .inst p.center {
    text-align: center;
    font-size:20px;
}
#course #course_fee .period .inst p span {
    font-size: 140%;
}
#course_fee .linkbutton {
    margin-top: 20px;
    max-width:700px;
}
#course #schedule {
    padding: 0 18px;
    text-align: center;
}
#course #schedule h2{
    margin-bottom:0;
}
#course #schedule p {
    font-size: 16px;
    text-align: left;
    display: inline-block;
    width: auto;
}
#course #schedule h3 {
    margin-top: 0;
}
#course #schedule ul {
    margin: 0px auto 70px;
    border: 1px solid #555;
    border-radius: 10px;
    padding: 11px;
    max-width: 350px;
}
#course #schedule h4 {
    font-size: 20px;
    display: block;
    text-align: left;
    margin: 15px 0;
    padding-left: 1.2em;
    text-indent: -0.6em;
}
#course #schedule h4 i {
    margin-right: 9px;
    color: #666;
}
#course #schedule hr {
    border: 1px dashed #666;
    margin-bottom: 63px;
}
#course #flow_application ul li br{display:block}
#course .student_works {
    margin-top: 41px;
    padding: 50px 0;
    background-position: right;
}
#course #question ul li h3{
    border-left: none;
    font-weight: bold;
}
#course #question ul li h3:first-letter{
    color:#5e67ce;
}
#course #question ul li h3,
#course #question .ul_wrap p{
    padding-left: 1.2em;
    text-indent: -1.5em;
}
#course #question .ul_wrap{
    width:90%;
}
#course .apply_course,#course .apply_trial{
    background-position: left;
}
#course .apply_pamphlet{
    background-position:right;
}
#course .apply_course {
    margin-bottom: 50px;
}

@media screen and (min-width: 768px){
    #course #curriculum h2, #schedule h2, #flow_application h2, #question h2{
        font-size:35px
    }
    #course #third_sct .inner_l.leftcol {
    background-position: right;
    }
    #course .course-contents ul li {
        width: auto;
        margin-right: 27px;
    }
    #course #curriculum h4{
        width:100%;
        text-align:center
    }
    #course #course_fee h3.ipt{
        font-size:23px
    }
}
/*-----apply_page&payment_page&select_common parts------------------------------------------------------------------------------------*/
#return {
    margin-top: 77px;
    padding: 15px;
    text-align: center;
}

#return h2 {
    display: inline-block;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #555;
    margin-bottom: 23px;
}
#return p{
    padding-left: 1em;
    text-indent: -1em;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    margin: 25px auto 15px;
}
#return a {
    font-size: 20px;
}
/*-----apply_page&payment_page------------------------------------------------------------------------------------*/
#formWrapper .box_large p{
    text-align:left;
    font-size:16px;
    display: inline-block;
    width: 90%;
    max-width: 395px;
}
#payment .box_large .wrap{
    max-width: 636px;
    margin:auto;
}
#payment p i{color: darkred}
.only_ds{display: none;}
#formWrapper .box_large p.only_ds{
    display:none;
}
#ds .regular{display: none;}
#formWrapper #ds .box_large p.only_ds,
#formWrapper #ds p.only_ds,
#payment #ds p.only_ds,
#payment p.left{
    text-align: left;
    display:inline-block;
    padding-left: 1em;
    text-indent: -0.7em;
}
#ds span.discount strong, #mail span.sp strong {
    text-decoration: line-through double #9c2b29;
}
#formWrapper #ds .box_small span.only_ds {
    text-align: right;
    display: block;
    font-weight: bold;
    color: #9c2b29;
    font-size: 115%;
}
#ds h2 span.only_ds,#mail h2.sp span.only_ds {color: #9c2b29; width: 100%; display: block;}
/*---------thankyou_message---------*/
#thxMessage a {
    font-size: 25px;
    background-color: #f6f6bb;
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 5px 0;
    font-weight: bold;
    text-decoration: none;
}
#thxMessage a:hover{background-color:#b3fff4}
#thxMessage{display: block;position: fixed;top: 22%;left: 12.5%;width: 75%;padding:40px;color: #555;font-size: 20px;}
@media screen and (max-width: 768px){
	#thxMessage{top:12%;left: 5%;width: 90%;}
}
#thxMessage > span{font-size:26px;font-weight:bold;line-height:1;text-align:left;}
@media screen and (max-width: 516px){
	#thxMessage > span{font-size:20px;}
}
#contact span.wpcf7-list-item{width:100%;margin-top:11px;font-size:2rem;font-weight:normal;color:#555;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    text-align:  center;
    vertical-align:  middle;
    font-size: 2rem;
    font-weight:600;
    padding:50px 0;
    color:#fff;
    background-color:#00ada2
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok span{display:inline-block}
/*-----select_page------------------------------------------------------------------------------------*/
#application .linkbutton a {
    font-size: 20px;
    padding: 20px 0;
    background-color: rgb(0,0,0,0.4);
}
#application .linkbutton a:hover {
    background-color: rgb(255,255,255,0.4);
}
#application h1 {
    margin-bottom: 23px;
    border-left: none;
    color: #333;
    text-align: center;
}

#application p {
    line-height: 1.6;
    font-size: 16px;
}
@media screen and (min-width: 768px){
    #application p {
    line-height: 1.7;
    font-size: 18px;
    }
}
#application hr {
    margin: 20px auto 50px;
}

.course_wrap p {
    margin-top: 15px;
}

.course_wrap a {
    font-size: 20px;
}
#apply_course .linkbutton {
    background-color:#fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
@media screen and (min-width: 480px){
   #apply_course .linkbutton {
    background-size:auto;
    }
}
#apply_course .linkbutton.exterior{
    background-image:url(/wp-content/themes/cda_2018/images/course/btn_2.png);
    background-color:red;
}
#apply_course .linkbutton.interior{
    background-image:url(/wp-content/themes/cda_2018/images/course/btn_int2.png);
    background-color:green;
}
#apply_course .linkbutton.trial{
    background-image:url(/wp-content/themes/cda_2018/images/course/btn_3.png);
    background-color:red;
}
#select_plan .linkbutton.l {
    background-color: #fd5555;
}
#select_plan .linkbutton.m {
    background-color: #3d8acc;
}
#select_plan .linkbutton.s {
    background-color: #58ca58;
}
#apply_course .course_wrap i {
    margin-right: 7px;
}
#select_plan .course_wrap i{
    margin-right:3px
}
#select_plan .course_wrap p {
    padding-left:1em;
    text-indent:-0.5em;
}
#select_plan .course_wrap p strong {
    color: #333;
}
#application #question .linkbutton.s a {
    padding: 10px;font-size: 18px;
}
#application h2 {
    border: none;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
}
#application #question h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
#application .box_large {
    margin: 5px auto 40px;
}
#application #question.box_small {
    padding: 15px;
    margin: 40px auto 20px;
}
#application #question.box_small p{
    font-size: 15px;
}
#application #question.box_small h3 i{
    color:#555;
    padding-right:5px
}
/*-----fee&discount-----*/
.fee {
    text-align: center;
    margin: 10px auto;
}
.fee h3 strong{
    font-size:20px;
}
@media screen and (min-width: 768px){
    .fee h3 strong{
    font-size:30px;
    }
}
.fee p {
    margin: 0;
}
.memo{display:none;}
#ds .memo, #mail .memo{display:block;}
/*-----trial_page------------------------------------------------------------------------------------*/
p img.top.large{
    display: none
}
@media screen and (min-width: 768px){
    p img.top.large{display: block;}
    p img.top.small{display: none;}
}
/*-----paypal------------------------------------------------------------------------------------*/
table.paypal {
    margin: 30px auto;
}
@media screen and (min-width: 768px){
    table.paypal {
    margin: 30px 0;
    }
}