@charset "utf-8";
/* CSS Document */

#ttr_wrapper {
	width:1000px;
	margin:30px auto 80px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sp{display: none !important;}
#ttr_wrapper .ttr_cont_box{margin: 20px 0;}
#ttr_wrapper .ttr_cont_box h3{color:#ec691a;font-size:24px;padding:5px 0;margin-bottom: 15px; border-bottom: 1px solid #333;}
#ttr_wrapper .ttr_cont_box h3 .logo{width:350px; float: right;}
#ttr_wrapper .ttr_cont_box .ttr_cont_l{width:40%;float: left;padding: 0 20px;}
#ttr_wrapper .ttr_cont_box .ttr_cont_r{width:60%;float:right;padding-right: 20px;}
#ttr_wrapper .ttr_cont_box em{font-style: normal;font-size: 1.4em;font-weight: bold; display: block;line-height: 1.3em;margin-bottom: 3%;}
#ttr_wrapper .ttr_cont_box p{}
#ttr_wrapper .ttr_cont_box .ttr_img{width:49%;margin-top: 2%;}
#ttr_wrapper .ttr_cont_box .ttr_img:first-of-type{margin-top:0;}
#ttr_wrapper .ttr_cont_box.main .ttr_img{width:100%;margin-top:0;}
#ttr_wrapper .ttr_cont_box .ttr_img.last{display: block;margin: 0 auto;}
#ttr_wrapper .ttr_btn{text-decoration: none; background-color: #ec691a;width: 60%;display: block;text-align: center;margin: 15px auto 30px;padding:10px 0;border-radius: 30px;}
#ttr_wrapper .ttr_btn,#ttr_wrapper .ttr_btn span{color: #fff;font-size:1.1em;}
#ttr_wrapper .ttr_btn span{background: url(/toptracer/img/link_arrow.png) right center no-repeat;padding-right:1.3em;padding-top: 2px; background-size:1em;}
#ttr_wrapper .ttr_index_box{margin: 0 auto 50px;}
#ttr_wrapper .ttr_index_box h3{color: #119934;font-size:24px;padding:10px 0;text-align: center;}
#ttr_wrapper .ttr_index_box .courseListInner{padding: 20px;
    margin: -4px 0;
    background: #f6f6f6 url(/assets/images/common/dotsBg.png) repeat 0 0;
    overflow: hidden;}
#ttr_wrapper .ttr_index_box .courseListInner .block{background: url(/assets/images/common/newsBlockDec.png) right bottom no-repeat #fff;padding:10px;}
#ttr_wrapper .ttr_index_box .courseListInner #area0.box{display: block;}
#ttr_wrapper .ttr_index_box .courseListInner li:first-child{border-top: 0;}
#ttr_wrapper .ttr_index_box .courseListInner li{border-top: 1px solid #DDDDDD;
    box-sizing: border-box;
    display: table;
    line-height: 1;
    min-height: 20px;
    padding: 12px 0;
    table-layout: fixed;
	width:100%;}
#ttr_wrapper .ttr_index_box .courseListInner li > div{display: table-cell;padding: 3px 0;vertical-align: middle;}
#ttr_wrapper .ttr_index_box .courseListInner li .name{box-sizing: border-box;padding-left: 13px;width: 50%;}
#ttr_wrapper .ttr_index_box .courseListInner li .name a{color: #33A552;outline: none;background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 center no-repeat;padding-left: 20px;font-size: 17px;font-weight: bold;text-decoration: none;}
#ttr_wrapper .ttr_index_box .courseListInner li .intr{color: #33A552;border-right: 4px solid #ddd;text-align: right;width: 25%;font-size: 17px;font-weight: bold;padding-right: 10px;}
#ttr_wrapper .ttr_index_box .courseListInner li .pref{color: #33A552;text-align: center;width: 25%;font-size: 17px;font-weight: bold;}

#ttr_wrapper .ttr_ttl_box{margin-top: 50px;}
#ttr_wrapper .ttr_ttl_box h2{font-size:28px;padding: 5px 0 5px 15px;margin-bottom: 7px; background-color: #ec691a;color: #fff;}
#ttr_wrapper .ttr_ttl_box h2 span{display:inline-block;margin-left: 20px; font-size: 18px;font-weight: bold;}

#ttr_wrapper .ttr_sum_box{width:750px;margin:50px auto;}
#ttr_wrapper .ttr_sum_box h3{color:#ec691a;font-size:24px;text-align: center;margin-bottom: 30px;}
#ttr_wrapper .ttr_sum_box h3 .logo{display: block;width:90%;max-width: 600px;margin: 0 auto; padding-top: 10px;}
#ttr_wrapper .ttr_sum_box p{text-align: center;}
#ttr_wrapper .ttr_sum_btn{text-decoration: none; background-color: #ec691a;width: 80%;display: block;text-align: center;margin: 15px auto 0;padding:5px 0;border-radius: 25px;}
#ttr_wrapper .ttr_sum_btn,#ttr_wrapper .ttr_sum_btn span{color: #fff;font-size:1.2em;}
#ttr_wrapper .ttr_sum_btn span{background: url(/toptracer/img/link_arrow.png) right center no-repeat;padding-right:1.3em;padding-top: 2px; background-size:1em;}

#ttr_wrapper .youtube{width: 750px;margin:50px auto;aspect-ratio: 16 / 9;}
#ttr_wrapper .youtube iframe{width:100%;height: 100%;}

#ttr_wrapper .ttr_apply_box{width:750px;margin: 0 auto;border: 1px solid #ec691a;}
#ttr_wrapper .ttr_apply_box h3{font-size:1em;padding: 5px 0 5px 15px; background-color: #ec691a;color: #fff;}
#ttr_wrapper .ttr_apply_box .ttr_cont_l{width: 60%;float: left;padding:20px;}
#ttr_wrapper .ttr_apply_box .ttr_cont_r{width: 40%;float:right;padding: 20px;}
#ttr_wrapper .ttr_apply_box .logo{width:90%;margin: 0 auto;display: block;}
#ttr_wrapper .ttr_apply_box p{margin:3%;}
#ttr_wrapper .ttr_apply_box .app_btn{margin-top: 20px;display: inline-block;}
#ttr_wrapper .ttr_apply_box .app_btn:first-of-type{margin-top: 0;}
#ttr_wrapper .ttr_apply_box .app_btn img{width:100%;}


@media screen and (max-width: 1199px) {
#ttr_wrapper {width:100%;padding: 0 4%;margin:5% 0;}
.pc{display: none !important;}
#ttr_wrapper .ttr_cont_box{margin: 3% 0;}
#ttr_wrapper .ttr_cont_box h3{margin-bottom: 2%;}
#ttr_wrapper .ttr_cont_box.main h3{border: none;text-align: center;}
#ttr_wrapper .ttr_cont_box.main h3 .logo{display: block;width:90%;max-width: 600px;margin: 0 auto; float:none; padding-top: 10px;}
#ttr_wrapper .ttr_cont_box .ttr_cont_l,#ttr_wrapper .ttr_cont_box .ttr_cont_r{width:100%;float:none;padding:0;}
#ttr_wrapper .ttr_cont_box .ttr_cont_l{margin-bottom: 2%;}
#ttr_wrapper .ttr_cont_box em{margin: 5% 0;}
#ttr_wrapper .ttr_btn{width:80%;}
#ttr_wrapper .ttr_index_box,#ttr_wrapper .ttr_sum_box,#ttr_wrapper .ttr_apply_box,#ttr_wrapper .youtube{width:100%;}
#ttr_wrapper .ttr_index_box{margin-bottom: 10%;}
#ttr_wrapper .ttr_index_box .courseListInner li > div{display:inline-block;}
#ttr_wrapper .ttr_index_box .courseListInner li .name{width:100%;margin-bottom: 2%;}
#ttr_wrapper .ttr_index_box .courseListInner li .intr{width:70%;border: none;font-size: 15px;}
#ttr_wrapper .ttr_index_box .courseListInner li .pref{width:30%;font-size: 15px;}

#ttr_wrapper .ttr_ttl_box{margin-top:10%;}
#ttr_wrapper .ttr_ttl_box h2{line-height: 1em;padding: 2%;}
#ttr_wrapper .ttr_ttl_box h2 span{display:block;margin:0;text-align: center;}

#ttr_wrapper .ttr_sum_box{margin: 10% auto;}
#ttr_wrapper .ttr_sum_btn{width:95%;}
#ttr_wrapper .ttr_sum_btn,#ttr_wrapper .ttr_sum_btn span{color: #fff;font-size:1em;}
#ttr_wrapper .ttr_apply_box h3{font-size:1.2em;}
#ttr_wrapper .ttr_apply_box .ttr_cont_l,#ttr_wrapper .ttr_apply_box .ttr_cont_r{width:100%;float:none;padding:5%;}
#ttr_wrapper .ttr_apply_box .ttr_cont_r{padding:0 5% 10%;}
#ttr_wrapper .ttr_apply_box .app_btn{width: 60%;margin: 6% auto 0;display: block;}


}
@media screen and (max-width: 641px) {
	#ttr_wrapper .ttr_index_box .courseListInner li .name a{font-size: 4vw;}
}