@charset "utf-8";

.ver_pc {display:none !important;}
.ver_mob { }

.kdc {width:100%;margin:0px;}
.kdc * {box-sizing:border-box;letter-spacing:-0.04em;image-rendering: -webkit-optimize-contrast; word-break:keep-all;}

.kdc_title {text-align:center;color: #000;}
.kdc_title h2 {font-size:1.7em;line-height:100%;font-weight:bold;margin-bottom:10px;}
.kdc_title p {font-size:1.2em;line-height:100%;font-weight:normal;margin-bottom:10px;}

.kdc_visual {width:100%;padding:97vw 20px 30px 20px; background:#f6fafd url('../images/kdc/top_visual_m.png') no-repeat;background-size:100% auto;text-align:center;}
.kdc_visual h2 {font-size:1.7em;color: #000;line-height:120%;font-weight:normal;margin-bottom:20px;}
.kdc_visual h2 b {font-weight:bold;}
.kdc_visual p {font-size:1.1em;color: #444;line-height:160%;font-weight:normal;word-break:keep-all; padding-bottom:50vw; background:url('../images/kdc/top_visual2_m.png') 50% 100% no-repeat;background-size:45vw auto;}
.kdc_visual p b {font-weight:bold;}
.kdc_visual p span {font-weight:bold;color: #3c5ebe;}

.kdc01 {width:100%;padding:15vw 0px; background:#fff;}
.kdc01 .kdc_talk {padding-top:70vw;background:url('../images/kdc/talk_m.png') 50% 0 no-repeat;background-size:100% auto; text-align:center;}
.kdc01 .kdc_talk h1 {font-size:1.6em;color: #3a4bcd;line-height:120%;font-weight:bold;margin-bottom:20px;}
.kdc01 .kdc_talk p {font-size:1.2em;color: #444;line-height:160%;font-weight:normal;word-break:keep-all;}

.kdc02 {width:100%;padding:15vw 0px 7vw 0px;display:inline-block; background:url('../images/kdc/kdc02_m.png') no-repeat;background-size:cover; text-align:center;}
.kdc02 .kdc_title {color:#fff;}
.kdc02 .kdc_title p{font-size:1.1em;font-weight:normal;}
.kdc02 .kdc_cont {font-size:1.1em;color: #fff;line-height:160%;font-weight:normal;word-break:keep-all;margin:25px 20px;}
.kdc02 .kdc_cont p br {display:none;}
.kdc02 .kdc_course {width:calc(100% - 40px);display:inline-block;margin:0px 20px; }
.kdc02 .kdc_course li{position:relative;width:100%;display:inline-block;text-align:left;margin-top:15px;background:#fff url('../images/kdc/arrow.png') 20px 50% no-repeat;background-size:30px auto;border-radius:20px;padding:5% 30px 5% 65px ;}
.kdc02 .kdc_course li p {font-size:1.1em;color: #000;line-height:130%;font-weight:normal;text-align:left; margin-bottom:5px;}
.kdc02 .kdc_course li a {position:relative;display:inline-block;width:auto;padding:2% 3%;font-size:0.8em;color: #000;line-height:120%;font-weight:normal;border-radius:5px;background:#e0e5f2;}
.kdc02 .kdc_course li a:hover {background:#7e91c0;color:#fff;}

.kdc03 {width:100%;padding:15vw 0px;display:inline-block; background:#f6fafd; text-align:center;}
.kdc03 h1 {font-size:1.5em;color: #000;line-height:120%;font-weight:bold;margin-bottom:10px;}
.kdc03 p {font-size:1.2em;color: #444;line-height:160%;font-weight:normal;margin-bottom:20px;}
.kdc03 h2 {font-size:1.2em;color: #444;line-height:160%;font-weight:normal;}
.kdc03 h2 b {display:block;font-size:1.3em;color: #3c5ebe;font-weight:bold;margin-bottom:5px;}

.kdc_movie {position:relative;width:100%;height:0%;padding-bottom:56%;}
.kdc_movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.kdc04 {width:92%;padding:15vw 0px;margin:0px 4%;display:inline-block;text-align:center;}
.kdc04 .kdc_ban {width:100%;display:inline-block;margin:0px auto;}
.kdc04 .kdc_ban li{float:left;position:relative;width:50%;display:inline-block;padding-top:20vw; background-size:20vw auto !important;margin-top:20px;}
.kdc04 .kdc_ban li p {font-size:1.0em;color: #444;line-height:150%;font-weight:normal;}
.kdc04 .kdc_ban li p b {font-weight:bold;}
.kdc04 .kdc_ban li.kdcban01 {background:url('../images/kdc/kdcban01_m.png') 50% 0% no-repeat;}
.kdc04 .kdc_ban li.kdcban02 {background:url('../images/kdc/kdcban02_m.png') 50% 0% no-repeat;}
.kdc04 .kdc_ban li.kdcban03 {background:url('../images/kdc/kdcban03_m.png') 50% 0% no-repeat;}
.kdc04 .kdc_ban li.kdcban04 {background:url('../images/kdc/kdcban04_m.png') 50% 0% no-repeat;}


.kdc05 {width:100%;padding:15vw 0px 5vw 0px;display:inline-block;text-align:center; background:#f6fafd;}
.kdc05 .kdc_title h2 {display:inline-block;width:auto;height:30px;line-height:30px;margin:0px auto 8% auto;}
.kdc05 .kdc_title h2 img {float:left;display:inline-block;width:auto;height:30px;margin-right:5px;}
.kdc05 .kdc_dev {width:auto;display:inline-block;margin:0px auto;}
.kdc05 .kdc_dev li{float:left;width:80%;height:auto;display:inline-block;padding:36% 4% 5% 4%;margin:4% 10%;border-radius:30px;box-shadow:0px 0px 15px rgb(0 0 0 / 7%); background-size:100% auto !important;}
.kdc05 .kdc_dev li b {display:block;font-size:1.3em;color: #000;line-height:120%;font-weight:bold;margin-bottom:10px;}
.kdc05 .kdc_dev li p {font-size:1.1em;color: #444;line-height:150%;font-weight:normal;}
.kdc05 .kdc_dev li p br {display:none;}
.kdc05 .kdc_dev li.kdcdev01 {background:#fff url('../images/kdc/devimg01_m.png') 50% 0% no-repeat;}
.kdc05 .kdc_dev li.kdcdev02 {background:#fff url('../images/kdc/devimg02_m.png') 50% 0% no-repeat;}
.kdc05 .kdc_dev li.kdcdev03 {background:#fff url('../images/kdc/devimg03_m.png') 50% 0% no-repeat;}

.kdc06 {width:100%;padding:0vw 0px;display:inline-block;text-align:center;}
.kdc06 ul {width:92%;display:inline-block;margin:0px 4%;}
.kdc06 ul li{position:relative;width:100%;height:auto;display:inline-block;padding:14vw 0px;border-bottom:1px #e2e2e2 solid;}
.kdc06 ul li .kdc06_tit {display:inline-block;font-size:1.7em;color: #000;line-height:130%;font-weight:normal;}
.kdc06 ul li .kdc06_tit b {font-weight:bold;}
.kdc06 ul li .kdc06_cont p{font-size:1.2em;color: #666;line-height:160%;font-weight:normal;}
.kdc06 ul li .kdc06_cont p b {display:block;font-weight:bold;}
.kdc06 ul li .kdc06_cont p a {font-size:0.6em;}
.kdc06 ul li .kdc06_cont span{display:block;color:#3a4bcd;}
.kdc06 ul li .kdc06_cont small {display:block;font-size:0.6em;line-height:150%;margin-top:20px;}
.kdc06 ul li .kdc06_cont small b, .kdc06 ul li .kdc06_cont small span {display:inline; }
.kdc06 ul li.kdc06_1 .kdc06_cont {margin-top:10vw; padding-top:50px; background:url('../images/kdc/kdc06_icon.png') 50% 0% no-repeat;}
.kdc06 ul li.kdc06_2 .kdc06_cont {margin-top:10px;}
.kdc06 ul li.kdc06_2 .kdc06_cont p {line-height:160%;}
.kdc06 ul li.kdc06_2 .kdc06_cont p b {color:#3a4bcd;padding-right:5px;}
.kdc06_ment {width:100%;padding:12vw 0px;display:inline-block;text-align:center;}
.kdc06_ment h2{padding:0px;line-height:130%;font-size:1.7em;color:#000;margin-bottom:20px;}
.kdc06_ment h2 span{display:inline-block;width:auto;padding:0px 3px;background:url('../images/kdc/highlighter.png') 0% 50% repeat-x;}
.kdc06_ment p {line-height:100%;font-size:20px;color:#000;}
.kdc06_ment p span {color:#3a4bcd;font-weight:bold;}

.kdc07 {background:#f6fafd;width:100%;padding:12vw 7vw;text-align:left;}
.kdc07 .kdc_title {text-align:left;}
.kdc07 .kdc_faq {width:100%;padding:0px 0px;display:inline-block;}
.kdc07 .kdc_faq li {margin-top:25px;}
.kdc07 .kdc_faq li .kdcfaq_q {line-height:160%;font-size:1.2em;color:#000;font-weight:bold;margin-bottom:10px;}
.kdc07 .kdc_faq li .kdcfaq_a {line-height:160%;font-size:1.1em;color:#444;font-weight:normal;}
.kdc07 .kdc_faq li p {font-size:1.0em;color:#444;font-weight:normal;word-break:keep-all;}
.kdc07 .kdc_faq li p.dot {padding-left:20px;background:url('../images/kdc/dot.png') 6px 11px no-repeat;}
.kdc07 .kdc_faq li p span {color:#3a4bcd;font-weight:400;}
.kdc07 .kdc_faq li p a {color:#3a4bcd;font-weight:400;}

.kdc_bottom {width:100%;padding:8vw 0px 4vw 0px;display:inline-block;text-align:center;}
.kdc_bottom h2{display:inline-block;width:auto;padding:0px; line-height:130%;font-size:1.6em;color:#000;font-weight:bold;}
.kdc_bottom h2 span {display:inline-block;width:auto;padding:0px 3px; line-height:130%;background:url('../images/kdc/highlighter.png') 0% 50% repeat-x;}
.kdc_bottom p {line-height:130%;font-size:1.3em;color:#000;}

.kdc_btnarea {width:100%;padding:0vw 0px 8vw 0px;display:inline-block;text-align:center;}
.kdc_btnarea a {display:inline-block;width:40%;height:13vw;line-height:13vw;font-size:1.2em;font-weight:bold;color:#fff;background:url('../images/kdc/btn_arrow.png') 100% 50% no-repeat;padding-right:5px;border-radius:5px;margin:3% 2%;}
.kdc_btnarea a.kdc_btn01 {background-color:#3c5ebe;}
.kdc_btnarea a.kdc_btn01:hover {background-color:#2c4ead;}
.kdc_btnarea a.kdc_btn02 {background-color:#7d9af5;}
.kdc_btnarea a.kdc_btn02:hover {background-color:#6884de;}
