@charset "utf-8";
/** yohaku **/
.layout_pd {padding: 40px 20px;}
.layout_pd_middle {padding: 40px 10px;}

/*ちっちゃなタイトル*/
.ttl_minigreen{ margin-bottom: 20px;color: #009762;font-weight: bold;padding: 0 50px;position: relative;display: inline-block;}
.ttl_minigreen::before,
.ttl_minigreen::after{ content: "";top: 50%;transform: translateY(-50%);width: 50px;height: 2px;background: #009762;display: block;position: absolute;}
.ttl_minigreen::before{ left: 0;}
.ttl_minigreen::after{ right: 0;}
.ttl_minigreen_s{font-weight: bold;line-height: 1.2;}

/*----*----* 学校案内 *----*----*/
/* 当校の概要 */
.box3colm10 li{width:100%;}/* 隙間なし3カラム */

/* リンクボタン */
.guidetop_btns{padding-left: 30px;padding-right: 30px;padding-bottom: 30px;}


.guidetop_btns .guidetop_btn1{display:block;background: url(../../images/bill_btn.png) no-repeat;height: 90px;background-size: 100% 85%;width: 210px;margin: auto;}
.guidetop_btns .guidetop_btn1 p{color: #fff;font-weight: bold;text-align: center;padding-top: 25px;padding-left: 60px;}

.guidetop_btns .guidetop_btn2{display:block;background: url(../../images/map_btn.png) no-repeat;height: 90px;background-size: 100% 85%;width: 210px;margin: auto;}
.guidetop_btns .guidetop_btn2 p{color: #fff;font-weight: bold;text-align: center; padding-top: 20px;padding-left: 60px;}

.guidetop_btns .guidetop_btn3{display:block;background: url(../../images/guide_btn.png) no-repeat;height: 90px;background-size: 100% 85%;width: 210px;margin: auto;}
.guidetop_btns .guidetop_btn3 p{color: #fff;font-weight: bold;text-align: center;padding-top: 25px;padding-left: 60px;}

/*----*----* 教習時間割 *----*----*/
/* 緑のtable */
.com_table_green{ width:100%;border-top: 1px solid #D9D9D9;background:#fff;}
.com_table_green th,.com_table_green td{ padding:5px 10px;border-right: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;}
.com_table_green th{ background:#599900;color:#fff;vertical-align:center;text-align:center;border-left: 1px solid #D9D9D9;width:45%;}

/*----*----* 交通アクセス *----*----*/
.map_box .txt{margin-top: 10px;vertical-align:baseline;}
.access_gmap iframe{width: 100%;}
.contents_access li.movie_list{display: inline-block;
text-align: center;margin-top: 30px;}
.access_buslink{border: 3px solid #006bbd;border-radius: 4px;
padding: 20px;position: relative;}
.access_buslink .btn a::after {content: ">";margin: 0 0 0 15px;}
.access_buslink .btn a {background: #ffa217; none repeat scroll 0 0;border-radius: 4px;color: #ffffff;background-image: url("../images/bg_dot_10.png");background-repeat: repeat;display: block;padding: 15px 0;text-align: center;text-decoration: none;font-weight:bold;}
.access_buslink .btn {width: 160px;}
.access_buslink .copy {font-size: 16px;font-weight:bold;margin-bottom: 20px;}

/*----*----* 免許取得までの流れ *----*----*/
.appli_flow_frame{ margin:0 0 30px 75px;border-left:1px solid #599900;}
.appli_flow_frame .step{ margin:0 0 0 104px;position:relative;min-height:30px;}
.appli_flow_frame h2{ 
width:150px;position:absolute;top:0;left:-179px;
text-align:center;padding:7px 0;background:#599900;color:#FFFFFF;font-size:16px;line-height:1;-webkit-border-radius:20px;-moz-border-radius:20px;
-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px;}
.green_ttl{color:#599900;font-weight:bold;}

.contents_flow .about p{ background:#FFFFFF;border:1px solid #D9D9D9;padding:15px 15px 20px;}
/* 時間の目安 */

.contents_flow .com_table_gray th{width:135px;}
.com_table_gray th.app_flow_th1{ width:108px;}
.com_table_gray th.app_flow_th2{ width:209px;}
.com_table_gray th.app_flow_th3{ width:109px;}
.com_table_gray th.app_flow_th3{ width:109px;}

/*----*----* お知らせ *----*----*/
.news .nav li{margin-right:10px;}
.news .nav li a{background:#00b5ae;padding:8px 10px;line-height:17px;text-align:center;display:block;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;text-decoration:none;color:#fff;background-image: url(../images/bg_dot_10.png);background-repeat: repeat;font-weight: bold;}
.news .nav li:last-of-type{margin-right:0;}
.news .nav li a:hover,.news .nav li a:focus.news .nav li.on a:link,.news .nav li.on a:visited{color:#fff;text-decoration:none;background:#006bbd;background-image: url(../images/bg_dot_10.png);background-repeat: repeat;font-weight: bold;}

.news .list dl{border-bottom:1px dashed #ccc;padding-top:10px;padding-bottom:10px;}
.news .list dl:first-of-type{border-top: 1px dashed #ccc;}
.news .list dt{padding:15px 10px 5px 10px;}
.news .list .cate,.news .list .date{display:inline-block;}
.news .list .cate{padding:2px 10px;margin-right:10px;color:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;background:#ffa217;}
.news .list dd{padding:5px 40px 15px 10px;font-weight: bold;}

.news_detail .cont{background:#fff;padding:15px 0px 20px 0px;
border-bottom: 1px dashed #ccc;}
.news_detail .cate{display:inline-block;margin-right:5px;padding:0 5px;}
.news_detail .date{display:block;text-align: right;margin-top:4px;}
.news_detail .cate{padding:2px 10px;margin-right:10px;color:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;background:#ffa217;}
.news_detail .txt{line-height:20px;}
.news_detail .btn a{width:auto;background:#00b5ae;color:#fff;text-align:center;padding:10px 30px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;background-image: url(../images/bg_dot_10.png);background-repeat: repeat;}
.news_detail .btn a:hover{background:#006bbd;background-image: url(../images/bg_dot_10.png);background-repeat: repeat;}

/*----*----* 各種ダウンロード *----*----*/
.contents_download .box{margin-bottom:20px;border: 3px solid #6dbd00;padding:12px;-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.contents_download .box h2{font-size:18px;color:#6dbd00;margin-bottom:5px;font-weight: bold;}
.contents_download .box .btn{font-size:16px;width:180px;margin:10px auto 0 auto;padding:10px 0;text-align:center;color:#fff;background:#6dbd00;background-image: url(../images/bg_dot_10.png);background-repeat: repeat;-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.contents_download .btn a:link,.contents_download .btn a:visited{color:#fff;}
.contents_download .box .btn a::after {content: ">"; margin: 0 0 0 15px;}

.contents_download .btn_form{margin:10px auto 0 auto;padding:10px 0;text-align:center;color:#fff;background:#6dbd00;background-image: url(../images/bg_dot_10.png);background-repeat: repeat;-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.contents_download .btn_form a:link,.contents_download .btn_form a:visited{color:#fff;}
.contents_download .btn_form a::after {content: ">"; margin: 0 0 0 15px;}

.contents_download .btn_fee{margin:10px auto 0 auto;padding:10px 0;text-align:center;color:#fff;background:#6dbd00;background-image: url(../images/bg_dot_10.png);background-repeat: repeat;-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}

.contents_download .btn_fee a:link,.contents_download .btn_fee a:visited{color:#fff;}
.contents_download .btn_fee a::after {content: ">"; margin: 0 0 0 15px;}

/*----*----* 漫画で見る京都府自動車学校 *----*----*/
body.w_fix {max-width: 100%;background: #FFFBE8;}
.app_comic_list{margin:0 -10px;display: flex;flex-wrap: wrap;}
.app_comic_list li{width: 33.33333% ;width: -webkit-calc(100% / 3) ;width: -moz-calc(100% / 3);width: calc(100% / 3) ;-webkit-box-sizing: border-box;box-sizing: border-box;
padding: 0 5px 15px;
}
.app_comic_list p{margin:0;text-align:center;}
.app_comic_list p.txt{color:#222222;padding-top:5px;}


/*******************************/
.comic_link{margin-right:20px;margin-left:20px;height: 96px;}
.comic_link li{position:relative;margin:0 0 10px;}
.comic_link a{
	display:block;text-align:center;padding:40px 0;    background: #FF6633;line-height:1;font-size:16px;font-weight:bold;color:#FFFFFF;text-decoration:none;
	-webkit-border-radius:5px;-moz-border-radius:5px;
	-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
	}
.comic_link a:before{
	content:"";display:block;width:5px;height:5px;position:absolute;top:3px;left:3px;
	background:url(../images/footer_forms_link_b.png) no-repeat 0 0;
	-webkit-background-size:5px 5px;-moz-background-size:5px 5px;
	-o-background-size:5px 5px;-ms-background-size:5px 5px;background-size:5px 5px;
}
.comic_link a:after{
	content:"";display:block;width:5px;height:5px;position:absolute;right:3px;bottom:3px;
	background:url(../images/footer_forms_link_a.png) no-repeat 0 0;
	-webkit-background-size:5px 5px;-moz-background-size:5px 5px;
	-o-background-size:5px 5px;-ms-background-size:5px 5px;background-size:5px 5px;
}
.comic_link li.prev{width:19%; padding-right:1%;}
.comic_link li.list{width:60%;}
.comic_link li.next{width:19%; padding-left:1%;}
.comic_link a.disable{opacity:0.4;}

/* 入学申込手続き */
.guide_ent_items ul{}
.guide_ent_items li{width:100%;}
.guide_ent_items li a{display:block;text-align:left;padding:15px;background:#fff;border: 1px solid #68b200;position: relative;line-height:1;text-decoration:none;color:#68b200;}
.guide_ent_items li a::before{ content:"";top: 17px;right: 20px;position: absolute;width:0;height:0; border-top:10px solid #68b200; border-left:7px solid transparent; border-right:7px solid transparent;}
.guide_ent_items li a.active{ background:#68b200;color: #fff;}
.guide_ent_items li a.active::before{ border-top:10px solid #fff;}

.c_base{ position:relative;}
.c_img{ position:absolute;right:10px;bottom:0px;width: 100px;}

.guide_ent_items .txt{background:#FFFFFF;padding:10px;border: 1px solid #68b200;border-top: 0;}


/*----*----* 入校案内 *----*----*/
.contents_guide .com_table_gray th{width:30%;}
.contents_guide .com_table_gray th.gu_entr_th3{width:auto;}
.contents_guide .mb60{margin-bottom:60px;}