@charset "utf-8";
/*=========================Only_en====================================*/
/*********header*********/
#upper-nav ul li{height:auto;}
#header-nomal a{font-weight: 600;}
#upper-nav ul li{min-width:155px;}
@media screen and (max-width: 1030px){#upper-nav ul li {min-width: 25%;}}
@media screen and (max-width: 480px){#upper-nav > ul{min-width: 300px;}}
/********* Footer *********/
.footernavi{min-width: 684px;}
.footernavi ul{width: 335px;}
.ft_bottom_l.leftcol ul li.en{line-height:1.3;margin-top:6px;margin-bottom:8px}
@media screen and (max-width: 768px){.footernavi{min-width: 0;}}
/*********toppage*********/
.aboutcardesignacademy h1 {font-weight:100;}
@media screen and (max-width: 320px){.aboutcardesignacademy h1.title_left{padding-left: 15px;}}
.cda-charm h2{line-height: 1.3;}
@media screen and (max-width: 768px){.cda-charm h2{font-size: 4.5rem;}}
@media screen and (max-width: 480px){.cda-charm h2{font-size: 3.5rem;}}
.cda-charm h3 {
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (max-width: 768px){.cda-charm h3{padding-bottom: 5px;}}
.toppage .text_wrap p,.toppage .text_wrap2 p, .text_wrap3 p {
    font-weight:  bold;
    max-width: 766px;
}
.toppage .btn, .toppage .btn2, .toppage .btn3, .toppage .btn4, .toppage .btn5{
    line-height:3.2rem;
    text-align:  center;
}
.toppage .btn-wrap p {
    padding-top: 90px;
    padding-left: 49px;
    font-weight:  bold;
}
@media screen and (max-width: 768px){.toppage .btn,.toppage .btn2,.toppage .btn3,.toppage .btn4,.toppage .btn5{line-height:120px;}.toppage .btn-wrap p {padding: 0;}}
@media screen and (max-width: 480px){.toppage .btn,.toppage .btn2,.toppage .btn3,.toppage .btn4,.toppage .btn5{line-height:85px;}}
.toppage .cdamag h2{font-weight: bold;}
.toppage .cdamag-box a, .toindex a{font-weight:bold;}

/********* All Pages *********/
.fntbold{font-weight:600!important;}
/*********About Page*********/
#about_cda p{margin: 30px auto 40px;max-width: 792px;}
#cda_policy ul {max-width: 740px;}
@media screen and (max-width: 768px){#cda_policy ul {max-width: 641px;}}
@media screen and (max-width: 660px){#cda_policy ul {max-width: 448px;}#cda_policy h3{line-height: 1.2;}}
@media screen and (max-width: 480px){#cda_policy ul {max-width: 318px;}}
@media screen and (max-width: 320px){#cda_policy ul {max-width: 283px;}}
@media screen and (max-width: 480px){#cda_instructor > div:nth-child(4) .name_wrap{top:-90px}}

/*********System Page*********/
.li_center, .li_right {text-align: left;}
@media screen and (max-width: 768px){.li_left ol, .li_center ol, .li_right ol{font-size:1.5rem}}
#cda_chara h3,#originalmethod p{margin-top: 5px;}
#cda_chara h3{margin-bottom:7px}
#cda_chara h2{line-height: 1.3;}
#cda_chara h2{padding-bottom: 5px;}
.originalmethod_1 > p{max-width: 984px;}
#originalmethod > .originalmethod_2 > p > span{font-size:18px}
@media screen and (max-width: 768px){#originalmethod > .originalmethod_2 > p > span{font-size:16px}}
@media screen and (max-width: 480px){#originalmethod > .originalmethod_2 > p > span{font-size: 10px;}}
.sample-video a{font-size:20px;white-space:  nowrap;}
@media screen and (max-width: 768px){.sample-video a{font-size:15px}}
@media screen and (max-width: 480px){.sample-video a{font-size: 10px;}}
#originalmethod .originalmethod_4 img{margin-top:25px}
/*********Admission Page*********/
/*********Career Page*********/
#career > div.career_right.leftcol > h2 {
    font-size: 18px;
    line-height: 1.3;
}
#career .career_right .c_content p {
    line-height: 1.4;
}
/*********For pairents Page*********/
#for_parents_2 h2{text-align:center;line-height: 1.2;padding-bottom:7px;}
#for_parents_2 ul li h2 span{font-size:80%}
#for_parents_2 ul li, #for_parents_2 p{text-align:center;}
@media screen and (max-width: 768px){#for_parents_2 h2{padding-bottom:5px}}
@media screen and (max-width: 480px){#for_parents_2 ul li{margin-bottom:21px}}
#for_pages .btn_wrap a p{line-height:1}
/*********Courses Page*********/
@media screen and (max-width: 480px){
    #first_sct .text_wrap p{font-size: 1.3rem;}
    #first_sct .text_wrap p:nth-child(2){text-align:center;}
}
#first_sct .box_bottom .inner{padding-left:10px;padding-right:10px}
.styling_course #first_sct .text_wrap p span.note_course{font-size:1.5rem;font-weight:600;text-align:left;max-width:828px}
@media screen and (max-width: 480px){.styling_course #first_sct .text_wrap p span.note_course{font-size:1rem}}
@media screen and (max-width: 768px){#second_sct h2{font-size: 2.9rem;}}
#second_sct .inner_wrap {
    padding-top: 50px;
    width: 1500px;
}
.sketch_course #second_sct .inner_wrap,
.styling_course #second_sct .inner_wrap {width: 1010px;}/**sketch_course & styling_course**/
@media screen and (max-width: 1500px){#second_sct .inner_wrap {width: 992.5px;}}
@media screen and (max-width: 1010px){.sketch_course #second_sct .inner_wrap, .styling_course #second_sct .inner_wrap {width: 100%;}}/**sketch_course & styling_course**/
@media screen and (max-width: 992.5px){#second_sct .inner_wrap {width: 100%;text-align:  center;}}

.sketch_course #second_sct .inner,
.styling_course #second_sct .inner{width:500px;margin-right:10px}/**sketch_course & styling_course**/
#second_sct .inner:last-child{margin-right:0}
@media screen and (max-width: 1500px){
   #second_sct .inner {margin-right:0;}
   #second_sct .inner:first-child{margin-right:22.5px;}
   .sketch_course #second_sct .inner:first-child{margin-right:10px;}
}
@media screen and (max-width: 992.5px){
    #second_sct .inner:first-child,#second_sct .inner:last-child,
    .sketch_course #second_sct .inner:first-child,.sketch_course #second_sct .inner:lst-child,
    .styling_course #second_sct .inner:first-child,.styling_course #second_sct .inner:last-child{margin-right:auto;}/**sketch_course & styling_course**/
   #second_sct .inner {margin: 0 auto 20px;width: 495px;height:  auto;float:none;display: inline-block;}
}
@media screen and (max-width: 495px){
   #second_sct .inner,
   .sketch_course #second_sct .inner,
   .styling_course #second_sct .inner{width: 90%;}/**sketch_course & styling_course**/
}

.sketch_course #third_sct .inner_r ul,
.styling_course #third_sct .inner_r ul{max-width: 608px;}/**sketch_course & styling_course**/
#fourth_sct .wrap{padding-left:10px}
@media screen and (max-width: 768px){#fourth_sct p{font-size:1.8rem;line-height: 23px;margin-top: 10px;padding-left: 10px;}}
#curriculum .box_upper ul li p, #curriculum .box_bottom ul li p{font-size: 3rem;font-weight:  600;}
@media screen and (max-width: 480px){#curriculum .box_upper ul li p, #curriculum .box_bottom ul li p{font-size: 2rem;}}
@media screen and (max-width: 768px){#curriculum .box_upper ul li p br, #curriculum .box_bottom ul li p br{display:none}}
#flow_application ul li h2 {line-height: 23px;}
@media screen and (max-width: 768px){#flow_application ul li h2 br{display: block;}}
/* =============== Logo_To top of the page ================ */
#logoright p{text-align: center;}
/********icon of "NEW"********/
.new_icon{position: absolute;background-image: url(/wp-content/themes/cda_2018/images/new.png);background-size: contain;background-repeat: no-repeat;}
.campaign .new_icon{top: -24px;left: -33px;width: 100px;height: 50px;}
header .new_icon{top: -8px;left: 96px;width: 69px;height: 28px;}
@media screen and (min-width: 480px){header .new_icon{left: 32px;}}
@media screen and (min-width: 1030px){header .new_icon{top: -9px;left: -30px;width: 74px;height: 32px;}}