@charset "utf-8";
/*====== reset ======*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/*====== html.body ======*/
body {
  background-color: #fff;
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 100%;
}

img {
  vertical-align: bottom;
}

a {
  outline: none;
  position: relative;
  color: #0092d7;
  text-decoration: underline;
}

a:hover {
  color: #222;
}

strong{font-weight:bold;}

.change{text-decoration: line-through;}

embed,
iframe,
object{
	max-width: 100%;
}
/*====== none ======*/
.sp {
  display: none;
}
#astp_wrapper{width:100%;margin:0 auto;
font-family: "Noto Sans JP", sans-serif;}

#astp_contents{width:980px;margin:0 auto;color:#222;position:relative;}


/*====== ナビ ======*/
#astp_header{width:980px;height:62px;margin:0 auto; z-index: 10;}
#astpnav{position:relative;}
#astpnav > ul{list-style:none; width:980px; height: 60px; position:absolute; top:0; left:0;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;}
#astpnav > ul > li{float:left;border-left:1px solid #ccc;width:138px;height: 60px;text-align:center;background:#fff;font-weight: 600;font-family: "Noto Sans JP", sans-serif;margin-top: 0;  display: flex; justify-content: center; align-items: center;}
#astpnav > ul > li a{ display:block; color: #000; font-size: 14px;text-decoration: none;}
#astpnav > ul > li a:hover{text-decoration: underline;}
/*====== トップページ ======*/
#astp_top_contents{width:980px;margin:0 auto;color:#222;padding:0;clear:both;position:relative;}
/*--トップ スライド--
#slideshow {
    position:relative;
    height:550px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 550px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 550px;
    display: block;
    border: 0;
}*/

/*--トップ NEWS--*/
#news_feed{background:#eee;padding:25px;margin-bottom:60px;}

#top_news{background:#fff;width:100%;float:left;}
#top_apply{background:#fff;width:100%;float:left;}
#top_feed{background:#fff;width:470px;float:right;text-align:center;}

#top_news h3,#top_feed h3,#top_apply h3{text-align:center;border-bottom:solid 4px #0092d7;padding:25px 20px 20px;font-size:140%;font-weight:bold;}

.news_box{width:930px;height:300px;padding:15px;overflow:hidden;}
.news_box dl{width:95%; margin: 0 auto;}
.news_box dt{padding:20px 0 10px;}
.news_box span.news_icon {background:#0092d7;border-radius:3px;color:#fff;margin-right:5px;padding:2px 8px;font-size:12px;}
.news_box span.apply_icon {background:#E14068;border-radius:3px;color:#fff;margin-right:5px;padding:2px 8px;font-size:12px;}
.news_box dd{border-bottom:solid 1px #ccc;padding: 0 0 15px 0;line-height:1.6em;font-size:120%;  letter-spacing:0.2em;}

.feed_box{width:930px;height:150px;padding:15px;overflow:hidden;text-align:left;}
.feed_box dl{width:95%; margin: 0 auto;}
.feed_box dt{padding:20px 0 10px;}
.feed_box span.news_icon {background:#0092d7;border-radius:3px;color:#fff;margin-right:5px;padding:2px 8px;font-size:12px;}
.feed_box span.apply_icon {background:#E14068;border-radius:3px;color:#fff;margin-right:5px;padding:2px 8px;font-size:12px;}
.feed_box dd{border-bottom:solid 1px #ccc;padding: 0 0 10px 0;line-height:1.5em;font-size:120%; }

.apply_box{width:930px;height:200px;padding:15px;overflow:hidden;text-align:left;}
.apply_box dl{width:95%; margin: 0 auto;}
.apply_box dt{padding:20px 0 10px;}
.apply_box span.news_icon {background:#0092d7;border-radius:3px;color:#fff;margin-right:5px;padding:2px 8px;font-size:12px;}
.apply_box span.apply_icon {background:#E14068;border-radius:3px;color:#fff;margin-right:5px;padding:2px 8px;font-size:12px;}
.apply_box dd{border-bottom:solid 1px #ccc;padding: 0 0 15px 0;line-height:1.6em;font-size:120%;  letter-spacing:0.2em;}

.feed_box dd a,.news_box dd a,.apply_box dd a{text-decoration:under-line;color:#222;}


/*--トップ コンテンツ--*/
#astp_top_contents{position:relative;}
#astp_top_contents h2{text-align:center;margin:16px auto 19px auto;}

.top_section{width:980px;background:url(../img/top/line.gif) no-repeat top center;clear:both;padding:60px 0;}
.top_img{float:left;}
.top_txt{float:right;width:370px; }
.top_txt h4{font-size: 16pt; margin: 20px auto 40px; font-weight: 600;}
.top_txt p.txt {font-size: 12pt; margin-bottom: 40px; line-height: 2em;}
.top_txt img{margin-bottom:40px;}
.btn_more{text-align: center; margin: 0 auto;}
a.btn_more{clerar:both;}

#top_sp{width:980px;background:url(../img/top/line.gif) no-repeat top center;clear:both;padding:60px 0;}
#top_sp h3{text-align:center;margin-bottom:20px;}
#top_sp{font-size:110%;line-height:1.5em;margin-bottom:1em;text-align:center;}

/*--トップ フッター--*/
.specialBnr_container h3{
	width:980px;background:url(../img/top/line.gif) no-repeat top center;clear:both;padding:60px 0 20px 0;text-align:center; font-size: 28px; color: #0092D7;}
.specialBnr_container {
	clear:both;
    width:980px;
    margin:0 auto; 
    position:relative;
}

div.specialBnr{width:920px;margin:0 40px 0 20px;padding:0;}
div.specialBnr div {margin:0 10px;padding:0;}
div.specialBnr div img{width:280px;height:175px;}
div.specialBnr div p{margin: 10px 0;text-align:center;}


#astp_foot{background:url(../img/top/footer_bg.png);margin:40px auto 70px auto; padding: 30px 0 10px;}
#astp_foot dt{width:430px;float:left;text-align:center;}
#astp_foot dt img{margin:25px auto;}
#astp_foot dd{width:550px;float:right; margin-bottom: 20px; font-weight: 600;}
#astp_foot dd a {color: #000;}
#astp_foot dd.line01 {font-size: 26px;}
#astp_foot dd.line02 {font-size: 20px;}
#astp_foot dd.line03 {font-size: 18px;}
#astp_foot dd.line03::before, #astp_foot dd.line04::before { content: url(../img/top/footer_arrow.png);
  display: inline-block; vertical-align:middle; margin-right: 15px;}
#astp_foot dd.line04 {font-size: 18px;}
#astp_foot dd.line05 {font-size: 14px;}


.astpCaution {border-top:solid 5px #0092d7;clear:both;  margin-top: 27px;
  padding-top: 15px;
  line-height: 140%;
  font-size: 12px;
  margin-bottom: 45px;
}



/*======共通ー======*/
#astp_contents h2{border-bottom:solid 4px #0092d7;color:#0092d7;font-weight:normal;font-size:28px;line-height:32px;padding:0 0 5px 0;}
#astp_contents h2 img{margin-right:15px;}
.pan{margin:20px 0;}
#astp_wrapper .line{width:980px;background:url(../img/top/line.gif) no-repeat top center;clear:both;padding:60px auto;}
.red{color:#e00000;}
.blue{color:#0092d7;}
.green{color:#12865C;}
.orange{color:#E76705;}
.txt_C{text-align:center;}
.txt_L{text-align:left;}
.clearBoth{clear:both;}
.box_blue{
	clear:both;
border:solid 2px #c3e8fa;
padding:20px;
	width:880px;
	margin: 40px auto;
}
.box_grid{
	clear:both;
background:url(../img/common/bg_grid.gif) ;
border:solid 2px #c3e8fa;
padding:20px;
	width:880px;
	margin: 40px auto;
}
.astp_main{padding:24px 0;}
.main_img{width:580px;float:left;}
.bnr_img{position:relative;text-align: center;}
.main_txt{width:370px;float:left;padding:0 15px;}
#about p,#hds p,#hms p,#kigyou p,#module p{margin:1em 0.5em;font-size:110%;line-height:1.5em;text-align:left;}
#about p.lead,#hds p.lead,#hms p.lead,#kigyou p.lead,#module p.lead{margin:1em;font-size:120%;line-height:1.5em;}
#hds .main_txt p,#hms .main_txt p,#kigyou .main_txt p{font-size:130%;line-height:1.8em;margin:0px;}
.mb40{margin-bottom:40px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}

.hr_line{}
.hr_line::after { content: ""; width: 200px; margin-top: 40px;margin-bottm: 40px; border-top: 1px solid #0092d7; display: block; margin: 40px auto;}

#astp_contents p.text_bnr{font-size:150%;font-weight:bold;}

/*======ASTPとは======*/
#about h4{font-size:140%;color:#039;clear:both;font-weight:bold;line-height:1.5em;}
ul.course_name{margin-top:25px;}
ul.course_name li{list-style-type:none;font-size:110%;line-height:2.5em;}
ul.course_name li a{color:#222;text-decoration:underline;}
ul.course_name li:nth-child(1){background:url(../img/about/course_A.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(2){background:url(../img/about/course_B.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(3){background:url(../img/about/course_C.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(4){background:url(../img/about/course_D.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(5){background:url(../img/about/course_E.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(6){background:url(../img/about/course_F.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(7){background:url(../img/about/course_G.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(8){background:url(../img/about/course_H.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_name li:nth-child(9){background:url(../img/about/course_I.png) no-repeat left center;padding-left:28px;margin-left:0;}

ul.course_2nd_name{margin-top:0px;}
ul.course_2nd_name li{list-style-type:none;font-size:110%;line-height:2.5em;}
ul.course_2nd_name li a{color:#222;text-decoration:underline;}
ul.course_2nd_name li:nth-child(1){background:url(../img/about/course_J.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_2nd_name li:nth-child(2){background:url(../img/about/course_K.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_2nd_name li:nth-child(3){background:url(../img/about/course_L.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_2nd_name li:nth-child(4){background:url(../img/about/course_M.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_2nd_name li:nth-child(5){background:url(../img/about/course_N.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_2nd_name li:nth-child(6){background:url(../img/about/course_O.png) no-repeat left center;padding-left:28px;margin-left:0;}
ul.course_2nd_name li:nth-child(7){background:url(../img/about/course_P.png) no-repeat left center;padding-left:28px;margin-left:0;}

ul.anzen_center{width:900px;margin:20px auto;}
.anzen_center li{width:282px;float:left;font-size:110%;line-height:2em;background:url(../img/common/circle.png) no-repeat left center;background-size:14px;padding-left:18px;}
.anzen_center li:nth-child(4){clear:both;}

.btn_about{width: 244px; height:48px;margin:40px auto;clear:both;background:url("../img/about/btn_bg.gif") no-repeat center center;}
.btn_about a{width: 100%;color: #fff;font-size:18px;text-decoration: none;font-weight: 600;display: block;padding: 13px 0 0 40px; text-align: left;}
.btn_about a:hover{ text-decoration: underline;}

.course_section{padding:20px 10px 0 10px ;}
.course_section dl.course{margin:10px 10px 20px 10px;float:left;widith:300px;}
.course_section dl.course dt {line-height:24px;font-size:120%;font-weight:bold;}
.course_section dl.course dt img{gloat:left;margin-right:4px;}

.course_section dl.course dd{padding:5px 0;line-height:1.5em;width:300px;}
.getacrobat{clear:both;margin:20px;}


/*======講習内容======*/

.module_section{padding:20px 10px 0 10px ;}
.module_section dl.module_ex{margin:10px 10px 20px 10px;float:left;widith:300px;}
.module_section dl.module_ex dt {line-height:24px;font-size:120%;font-weight:bold;border-left:4px solid #0092d7;padding-left:4px;}

.module_section dl.module_ex dd{padding:5px 0;line-height:1.5em;width:300px;}
.module_section dl.module_ex dd iframe{width:300px;height:169px;}
.module_section dl.module_ex dd strong{color:#039;}
.module_section dl.module_ex dd ul{list-style-image:url(../img/common/li_dot.png);list-style-position:inside;margin:0;padding-left:0;}
.module_section dl.module_ex dd ul li{margin-left:0.5em;padding-left:0;}
/*======クルマのスクール・バイクのスクールー======*/

.school_btn{clear:both;padding:0 auto;text-align:center;}
.school_btn ul{width:552px;margin:0 auto;}
.school_btn ul.single{width:276px;margin:0 auto;}
.school_btn ul.mov{width:828px;margin:0 auto;}
.school_btn ul.btn3{width:828px;margin:0 auto;}
.school_btn li{float:left;padding:0 16px;}
.school_btn img{margin:40px 0;}
.school_btn li img{margin:40px 0 0 0;}

.school_btn {text-align:center;margin:40px auto;clear:both;background:url("../img/about/btn_bg.gif") no-repeat center center;padding: 20px 20px 25px;}
.school_btn  a{width: 100%; color: #fff; font-size:18px; text-decoration: none; font-weight: 600; display: block;}
.school_btn  a:hover{ text-decoration: underline;}
#hds .school_btn li p,#hms .school_btn li p{margin: 0.2em auto;}
#hds .school_btn p.txt_C,#hms .school_btn p.txt_C{text-align:center;}
h3.lesson{background:url(../img/common/h3_bg.gif) no-repeat;clear:both;text-align:left;font-size:20px;line-height:50px;padding:0 10px;font-weight:bold;margin-top:60px;}
h3.lesson img{float:left;margin-top:5px;margin-right:5px;}
h3.lesson.mt0{margin-top:0;}
h3.lesson.mt20{margin-top:20px;}
h3.lesson.mtmb20{margin-top:20px;margin-bottom:20px;}

h4.h4_tab{border-bottom:solid 4px #0092d7;padding-left:5px;}
.school_chart{padding:10px 0;clear:both;}
.school_chart div{float:left;}
.school_chart div a:hover{opacity:0.5;}

.school_bnr{clear:both;padding:60px 10px;text-align:center;background:url(../img/top/line.gif) no-repeat top center;height:200px;}
.school_bnr:after{content:""; display:block; clear:both; height:0;}
.school_bnr ul{margin-top:0px;}
.school_bnr ul:after{content:""; display:block; clear:both; height:0;}
.school_bnr li{float:left;width:460px;margin:0 10px;padding:0;}
.school_bnr li img{margin:0;padding:0;}

.active_bnr{clear:both;padding-top:90px;padding-bottom:60px;text-align:center;background:url(../img/top/line.gif) no-repeat top center;}

.school_kenkou{margin:0 auto;text-align:left;border:solid 1px #84cbec;display:block;padding:20px;height:158px;}
.school_kenkou h4{text-align:left;font-size:18px;line-height:42px;font-weight:bold;margin-right:auto;margin-left:auto;color:#222;margin-bottom:0;}
#hds .school_bnr li p{line-height:1.5em;}

dl.rental{margin:0 20px 40px 20px;;}
dl.rental dt{position:relative;font-size:120%;line-height:1.5em;margin:20px 0;text-align:left;}

dl.rental dd{background:url(../img/common/bg_grid.gif);border:solid 1px #c3e8fa;text-align:center;padding:16px;}
dl.rental dd:after{content:""; display:block; clear:both; height:0;}
dl.rental dd li{float:left;}
dl.rental dd li p{font-size:130%;line-height:2em;}
dl.rental dd ul.hds_rental,dl.rental dd ul.hms_rental,dl.rental dd ul.hms_rental_oyako{margin:0 auto;}
dl.rental dd ul.hds_rental li,dl.rental dd ul.hms_rental li{width:216px;margin:5px;text-align:left;}
dl.rental dd ul.hms_rental_oyako li{width:894px;margin:5px;text-align:left;}

dl.oyako_lead{}
.oyako_lead dt,.oyako_lead dd{padding:0.4em 0.5em 0.4em 0.4em;line-height:1.5em;font-size:120%;margin:5px auto;}
.oyako_lead dt{width:3em;float:left;clear:left;}
.oyako_lead dd{border-left:solid 1px #ccc;float:left;}
#hds .calendar,#hms .calendar{width:470px;float:left;margin:0 10px 40px 10px;padding:0 auto;}


.oyako_btn{clear:both; display: inline-block; margin-top: 20px;}
.oyako_btn li{text-align: center; display: block; width:285px;float:left;background:url("../img/kigyou/btn_bg.gif") no-repeat center center;padding: 20px 20px 25px;}
.oyako_btn li a{ font-size: 18px; color: #fff; font-weight: 600; text-decoration: none;}
.oyako_btn li a:hover{text-decoration: none;}

/*.calendar_hms{width:960px;margin:0 auto;}
--.calendar_hms{float:left;width:460px;margin:0 10px 60px 10px;padding:0 auto;}--*/
#hds p.calendar_lead,#hms p.calendar_lead{font-size:110%;}
.calendar_oyako{float:left;width:960px;margin:0 10px 60px 10px;padding:0 auto;}
#hds .calendar h4,#hms .calendar h4{margin:0 auto;font-size:140%;padding:0.5em 0;font-weight:bold;}
#hms .calendar_oyako iframe{width:100%;}

dl.rental dd h4{font-size:150%;color:#0092d7;font-weight:bold;text-align:left;margin:10px;clear:both;}
dl.rental dd ul.hms_rental{clear:both;}
dl.rental dd li p{font-size:140%;line-height:2em;}
.bnr_zenkoku{margin:0 auto 60px;text-align:center;}

/*--スクールプログラム--*/
#school_tab{background:url(../img/common/tab_bg.gif) repeat-x left bottom;height:48px;margin-bottom:20px;}
#school_tab li{float:left;background-image:url(../img/common/tab_off.gif);background-repeat: no-repeat;background-position: 0px 9px;width:240px;height:48px;font-size:130%;padding-right:5px;}
#school_tab li a{text-decoration:none;color:#fff;line-height:48px;display:block;padding-left:10px;padding-top:5px;}
#school_tab li a:hover{text-decoration:underline;background-image:url(../img/common/tab_off.gif);background-position:0px 0px;padding-top:0px;}
#school_tab li.select a,#school_tab li.select a:hover{background-image:url(../img/common/tab_on.gif);background-repeat:no-repeat;background-position: 0px 0px;color:#0092d7;padding-top:0px;}

.school_section{width:840px;margin: 0 auto;background:url(../img/top/line.gif) no-repeat bottom center;padding-top:50px;padding-bottom:50px;font-size:110%;}
.school_section.school_top{padding-top:20px;}
.school_section.school_last{background:none;padding-bottom:20px;}
.school_section.school_single{background:none;padding-top:20px;padding-bottom:20px;}

.school_section h3{font-size:185%;}
.school_section h3 img.hms_logo,.school_section h3 img.hds_logo{float:left;margin-right:5px;margin-top:-8px;}

.school_section h4{font-size:140%;color:#039;clear:both;}
.school_section .school_txt h4{line-height:1.25em;}
.school_section h5{font-size:130%;clear:both;font-weight:bold;margin:10px 0;border-left:solid #ccc 5px;padding:0.4em;}
.school_img{width:410px;float:left;margin:20px 0;clear:left;}
.school_img img{width:100%;height:auto;}
.school_txt{width:400px;float:right;margin:20px 0;}

#hds .school_txt p,#hms .school_txt p,#kigyou .school_txt p{margin:1em 0;padding:0;}
.school_section dl{clear:both;font-size:110%;}
.school_section dt{width:2.5em;text-align:center;background:#e6e6e6;border-radius:5px;padding:0.4em;float:left;margin:5px 0;clear:left;width:70px;}
.school_section dd{padding:0.5em 0 0.5em 7em;margin:5px 0;line-height:1.5em;}
.school_section dd.double{padding:0.5em 0 0.5em 7em;margin:5px 0;line-height:2.5em;}
.school_caution{clear:both;}

.school_section ul.qualify{margin-left:1em;}
.school_section ul.qualify ul{margin-left:0;}
.school_section ul.qualify li{padding:0.25em 0 0.25em 0;text-indent:0;line-height:1.5em;}
.school_section ul.caution li{padding:0.25em 0 0.25em 1em;text-indent:-1em;line-height:1.5em;}
.school_section strong{font-weight:bold;}

/*--親子バイク--*/
.oyako_section{width:980px;clear:both;padding:60px 0 0 0;}
#hms .oyako_section .top_txt p{font-size:130%;margin-top:0;}
.top_img{float:left;}

dl.osusume dt{background:#e6e6e6;border-width:auto;clear:both;color:#039;font-weight:bold;border-radius:0;width:392px;padding:4px;text-align:left;}
dl.osusume dd{clear:both;padding:0;line-height:1.5em;}
dl.osusume dd:before{content:url(../img/common/dot10.png);}


/*======企業向け安全運転研修======*/
.kigyou_section{width:980px;margin: 0 auto;padding-top:20px;padding-bottom:20px;font-size:110%;}
.kigyou_section h3{font-size:185%;}
#kigyou h4{font-size:140%;color:#039;clear:both;font-weight:bold;}
#kigyou h4.kensyu{background:#d7effb;border-radius:5px;border:solid 1px #84cbec;clear:both;text-align:left;font-size:18px;line-height:42px;padding:0 10px;font-weight:bold;margin-top:60px;width:860px;margin-right:auto;margin-left:auto;color:#222;}
#kigyou .main_txt h4{margin-bottom:1em;}
.kigyou_section h5{font-size:130%;clear:both;font-weight:bold;margin:10px 0;border-left:solid #ccc}
#kigyou h5.bg_slant{background:url(../img/common/bg_slant.gif);text-align:left;font-size:18px;color:#222;font-weight:bold;padding:0.6em;border:none;}
.kigyou_section ul{margin:20px auto;line-height:1.5em;list-style-image:url(../img/common/li_dot.png);}
.kigyou_section ul li{margin-left:1.5em;padding:0.4em 0;}

table.kigyou_price {border-collapse:collapse;width:100%;margin:20px auto;}
table.kigyou_price th,table.kigyou_price td{padding:0.4em;border:solid 1px #ccc;text-align:center;}
table.kigyou_price th{background:#eee;}
table.kigyou_price td{}

#kigyou .calendar{width:960px;margin:0 auto 20px auto;}
#kigyou .calendar p{font-size:110%;line-height:1.5em;}
#kigyou iframe{}

.kigyou_section dl{clear:both;font-size:110%;}
.kigyou_section dt{width:4.5em;text-align:center;background:#e6e6e6;border-radius:5px;padding:0.4em;float:left;margin:5px 0;clear:left;}
.kigyou_section dd{padding:0.5em 0 0.5em 6em;margin:5px 0;line-height:1.5em;}

.kigyou_section dl.kigyou_kensyu{margin:20px 0 20px 10px;line-height:1.5em;}
.kigyou_section dl.kigyou_kensyu dt{font-size:120%;color:#039;font-weight:bold;background:url(../img/common/dot.png) no-repeat 0 0;padding:1px 0 5px 24px;width:806px;float:none;text-align:left;border-radius:0px;line-height:19px;}
.kigyou_section dl.kigyou_kensyu dd{margin-bottom:1em;padding: 0 0 1em 26px;}

.kigyou_btn{clear:both;padding:0 auto;text-align:center;}
.kigyou_btn ul{width:980px;margin:0 auto; justify-content:space-between;}
.kigyou_btn li{display: block; width:322px; height:48px; float:left;background:url("../img/kigyou/btn_bg.gif") no-repeat center center;}
.kigyou_btn li a{ font-size: 18px; color: #fff; font-weight: 600; text-decoration: none;padding:12px 20px 0px 0px;display: block;}
.kigyou_btn li a:hover{text-decoration: none;}
.kigyou_btn li:last-child{display: block; width:322px; height:48px;background:url("../img/kigyou/btn_bg.gif") no-repeat center center;}
.kigyou_btn img{margin:40px 0;}
.kigyou_btn li img{margin:40px 0 0 0;}
/*--企業向け安全運転研修 研修内容一覧--*/
.kigyou_program_section{margin-top:20px;margin-bottom:50px;}
dl.kigyou_program{
	float:left;
	width:300px;
	margin:10px 0 10px 20px;
}
dl.kigyou_program._R{
	float:left;
	width:300px;
	margin:10px 20px 10px 20px;
}
dd.program_ttl{
	font-weight:bold;
	font-size:15px;
	padding: 0.5em 0px;
}
dd.program_ttl_2l{
	font-weight:bold;
	font-size:15px;
	padding: 0.5em 0px 1.5em 0px;
}

dl.kigyou_program table{
	width:300px;
	margin:0;
	padding:0;
	border-spacing:1px;
	border:solid 1px #ccc;
	border-collapse:collapse;
}
dl.kigyou_program th{
	text-align:center;
	font-weight:normal;
	border:solid 1px #ccc;
	font-size:12px;
	padding:4px 2px;
	line-height:1.3em;
	background:#ceebfe;
}
dl.kigyou_program td{
	text-align:center;
	border:solid 1px #ccc;
	padding:8px 2px;
	font-size:14px;
}
dl.kigyou_program dd:last-child{padding:5px 0;min-height:4em;}

/*======CLUB ACtive======*/
#active p{font-size:120%;line-height:1.5em;}
#active strong{font-weight:bold;}
#active h3{margin: 40px auto 20px auto;text-align:center;}
.active_lead{
	width:940px;
	margin: 0 20px 20px 20px;
padding:0;
}
.active_lead img{float:left;}
.active_lead img.annai{margin-right:15px;}

.active_lead p{display:none;}
.active_lead .uketsuke{margin-top:10px;}
.active_img{clear:both;padding:10px;}
.active_img img{float:left;margin:10px;}
.active_lead .uketsuke img{clear:both;margin-top:10px;}

.active_2c{clear:both; padding:10px;}

.active_tokuten{width:940px;margin: 0 auto;clear:both;padding:0;}
.active_tokuten1{border:solid 2px #c3e8fa;clear:both;margin:10px;padding:20px;border-radius:10px;}
.active_tokuten1>div{float:left;margin-right:20px;}
.active_tokuten2{width:416px;float:left;border:solid 2px #c3e8fa;margin:10px;padding:15px 15px 20px 15px;border-radius:10px;min-height:10.5em;}
.active_tokuten h4{clear:both;background:url(../img/common/bg_slant.gif);margin: 0 0 15px 0;}
.active_tokuten h4 span{display:none;}

/*======予約・お問い合わせ======*/
#info{ font-size: 16px;}
#info p{font-size:100%;line-height:180%;}
#info p.lead{ margin-top:20px;}
#info h3{background:url(../img/common/h3_bg.gif) no-repeat;clear:both;text-align:left;font-size:20px;line-height:50px;padding:0 10px;font-weight:bold;margin-top:20px;margin-bottom:15px;}
#info h4{background:url(../img/common/bg_slant.gif);clear:both;text-align:left;font-size:18px;line-height:42px;padding:0 10px;font-weight:bold;margin-top:0;margin-bottom:15px;margin-right:auto;margin-left:auto;color:#222;}
#info #contact h4{margin-top:20px;}
#info .section{width:920px;margin:20px auto 40px auto;}
#info .section .box_grid{width:876px;margin-top:20px;margin-bottom:20px;}
#info .section .box_blue{width:876px;margin-top:20px;margin-bottom:20px;}
#info .section li{ padding:0.7em 0 0; font-size: 16px;}

.btn_attention{text-align:center;margin:20px auto;}
.btn_faq{text-align:center;margin:20px auto 40px auto;}

.btn_info {width:520px;margin:20px auto;}
.btn_info a{border-radius:5px;background:url(../img/common/btn_icon.png) no-repeat 96% center #0092d7;line-height:1.25em;color:#fff;font-weight:bold;font-size:150%;padding:0.6em;text-decoration:none;display:block;text-align:center;box-shadow:2px 3px 4px #999;}
.btn_info a:hover{opacity:0.8;}
.btn_info p{text-align:center;margin: 1em auto;}

.reservDetail li{float:left;font-size:120%;margin-right:2em;padding-left:1em;}
.reservDetail li:before{content:"■";color: #0092d7;}
.reservDetail li:nth-of-type(6){clear:both;}

#info p.phone{text-align:center;font-size:180%;font-weight:bold;font-family:Arial, Helvetica, sans-serif}
#info p.phone .icon{color:#fff;background:#0092d7;padding:0.2em 0.4em;border-radius:5px;margin-right:0.25em;font-size:90%;}

#info .section dl.dot{margin:20px 0 20px 10px;line-height:1.5em;}
#info .section dl.dot.mt0{margin-top:0;}
#info .section dl.dot dt{font-size:120%;color:#039;font-weight:bold;background:url(../img/common/dot.png) no-repeat 0 0;padding:1px 0 5px 24px;width:806px;float:none;text-align:left;border-radius:0px;line-height:19px;}
#info .section dl.dot dd{font-size:110%;margin-bottom:1em;padding: 0 0 1em 26px;}
#info .section dl.dot dd p{font-size:100%;}

#info .section .anzen{margin:20px auto;background:#eee;border:solid 2px #ccc;padding:15px;}
#info .section .anzen dt{font-weight:bold;font-size:120%;}
#info .section .anzen dd{padding:0.5em 1em 0 1em;}
#info .section dl.dot dd ul.disc li,#info .section dl.anzen dd ul.disc li{list-style-image:url(../img/common/li_dot.png);line-height:1.5em;padding:0.2em 0;}
#info .section dl.dot dd ul.disc li ul{margin-left:1em;}

#info .section ul.hsdm{list-style-image:url(../img/common/li_dot.png);list-style-position:inside;margin-left:1em;}
#info #contact{margin-top:60px;}
.mari_mail{margin-bottom:3px;}
/*======よくあるお問い合わせー======*/
#faq{padding: 30px 30px 0 30px;}
#faq h3{margin: 30px 0;text-align:center;}
#faq h3.qa {font-size: 21px;}
dl.qa{clear:both;font-size:15px;line-height:1.35em;margin-bottom:60px;}
dl.qa dt{background:url(../img/faq/icon_q.gif) no-repeat;padding: 8px 0 10px 36px;clear:both;margin-top:20px;}
dl.qa dd{background:url(../img/faq/icon_a.gif) no-repeat;padding: 8px 0 20px 36px;clear:both;margin-bottom:20px;border-bottom:solid 1px #ccc;}

/*======ショートプログラム======*/

#shortprogram{}
#shortprogram h3{text-align:center;margin-bottom:20px;}
#shortprogram p{font-size:110%;line-height:1.5em;margin: 0 10px 1em;}
#shortprogram .calendar{width:960px;margin: 0 auto;}
#shortprogram .calendar iframe{width:100%;}
#shortprogram ul{margin: 20px 10px;}
#shortprogram ul li{padding: 0.25em 0;text-indent:-1em;padding-left:1em;}


/*--親子バイクテキストインデント--*/
#info .section dl.indent{margin:5px 0 5px 0;line-height:1.5em;}
#info .section dl.indent dt{font-size:100%;color:#222;font-weight:normal;background:none;width:806px;float:none;text-align:left;border-radius:0px;line-height:19px;padding-left: 0;padding-top:0;}
#info .section dl.indent dd{font-size:100%;margin-top:0;margin-bottom:0.5em;margin-left: 0;padding: 0 0 0 0.5em;}
#info .section dl.indent dd p{font-size:100%;}
#info .section dl.indent dd p.text-indent-1 ,
#info .section ul.disc p.text-indent-1 {
	margin-top:0;margin-bottom:0;}


.text-indent-1 {padding-left: 1em;text-indent:-1em;}
.text-indent-2 {padding-left: 2em;text-indent:-2em;}

.fixed {
     position: fixed;
     top: 0;
     width: 980px;
     z-index: 10000;
}

/*--191017 リニューアル分--*/
#trmContentWrap2016 { width: 100% !important; margin: 0 auto;}
#container{ width: 100%; color: #000; font-size: 16px; position: relative; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif; min-width: 1280px; margin: 0 auto;}
#container .headImage{ width: 100%; min-width: 980px; margin: 20px auto 0; text-align: center;}
#container .headImage img{ width: 100%;}
#container p.pankuzu{ width: 980px; margin: 15px auto 75px; color: #707070; font-size: 14px;}
#container p.pankuzu a{ color: #707070; text-decoration: none;}
#container p.pankuzu a:hover{ text-decoration: underline;}

#container h2{ font-size: 30px; text-align: center; margin: 0 0 45px; font-weight: bold;}
#container p.leadSentence{ text-align: center; line-height: 180%; margin: 0 0 75px;}
#container p.lCau{ width: 980px; margin: 50px auto; font-size: 12px; line-height: 140%;}

/*--コースの一日--*/
.btn_oneday{ width: 820px; margin: 0 auto 75px;}
.btn_oneday ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.btn_oneday li{ width: 400px; line-height: 60px; text-align: center;}
.btn_oneday li a{ background: #707070; color: #FFF; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s;}
.btn_oneday li.here a{ background: #0092D7; color: #FFF; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s;}
.btn_oneday li a:hover{ text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.6s;}

.courseWrap{ width: 100%;}
.courseWrap:nth-of-type(odd){ background: #EAEAEA;}
.courseWrapInner{ width: 980px; margin: 0 auto; padding: 50px 0; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: top; border-left: #707070 solid 1px; box-sizing: border-box;}
.cwiL{ width: 480px; position: relative;}
.cwiL .cwiLwrap{ width: 430px; margin-left: 50px;}
.cwiL .cwiLwrap::before{ content: ""; width: 23px; height: 1px; background: #707070; position: absolute; top: 33px; left: 0;}
.cwiR{ width: 420px; position: relative;}
.cwiR img{ width: 420px;}
.cwiR p.slideCap{ text-align: center; margin: 10px 0 0;}
.cwiC{ width: 1000px; position: relative;}
.cwiC .cwiCwrap{ width: 950px; margin-left: 50px;}
.cwiC .cwiCwrap::before{ content: ""; width: 23px; height: 1px; background: #707070; position: absolute; top: 33px; left: 0;}
.courseWrapInner p.time{ margin: 0 0 40px;}
.courseWrapInner p.time img{ height: 60px;}
.courseWrapInner p.timetable{ font-size: 22px; font-weight: bold; line-height: 160%; margin-bottom: 20px;}
.courseWrapInner p.timetableTxt{ line-height: 180%;}

.courseYT{ width: 780px; height: 439px; margin: 90px auto 50px; position:relative; /*padding-bottom: 56.25%;*/ overflow:hidden;}
.courseYT iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}

.gWrap{ width: 100%; background: #EAEAEA; padding: 90px 0;}
.gWrapInner{ width: 680px; margin: 0 auto;}
.gWrapInner p.lastTtl{ font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 40px;}
.gWrapInner p.lastTxt{ line-height: 180%;}

/*--スクール - 一覧--*/
.hmsBox,.hdsBox{ width: 920px; background: #ececec; padding: 40px; margin: 0 auto; display: flex; box-sizing: border-box; align-items: center; flex-wrap: wrap;}
.hmsBox .logoBox,.hdsBox .logoBox{ width: 270px; border-right: 1px solid #707070; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-right: 20px; box-sizing: border-box; margin-right: 20px;}
.hmsBox .logoBox .logo,.hdsBox .logoBox .logo{ width: 65px;}
.hmsBox .logoBox .logo img,.hdsBox .logoBox .logo img{ width: 100%;}
.hmsBox .logoBox .text,.hdsBox .logoBox .text{ width: 160px; line-height: 1.6; font-size: 16px; font-weight: bold;}
.hmsBox .textBox,.hdsBox .textBox{ width: 550px; line-height: 1.8; font-size: 14px; }
.hmsBox .textBox .red,.hdsBox .textBox .red{ color: #e60012;}

.innerProgramTop{ margin: 0 auto 0; width: 1280px; padding-top: 100px;}
.innerProgramTop .programSubCategory{ margin: 70px auto 50px;}
.innerProgramTop.last{ margin-bottom: 100px;}
.innerProgramTop .schoolTtlBox{ border-bottom: 1px solid #707070; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 40px;}
.innerProgramTop .schoolTtlBox .ico{ width: 140px; height: 70px;}
.innerProgramTop .schoolTtlBox .ico img{ width: auto; height: 70px; margin: 0 auto; display: block;}
.innerProgramTop .schoolTtlBox h3{ font-size: 30px; font-weight: bold; padding-right: 15px; margin-right: 15px; display: flex; align-items: center; border-right: 1px solid #707070;}
.innerProgramTop .schoolTtlBox h3 span{ font-size: 16px; font-weight: bold; color: #999999; margin-left: 20px;}
.innerProgramTop .schoolTtlBox h3 .small{ font-size: 22px; color: #000000; margin: 5px 10px 0 0; line-height: 1; font-weight: normal;}
.innerProgramTop .schoolTtlBox .catch{ font-size: 16px;}
.innerProgramTop .programTopList{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.innerProgramTop .programTopList > li{ width: 290px; margin: 50px 40px 0 0;}
.innerProgramTop .programTopList > li:nth-child(-n+4){ margin-top: 0;}
.innerProgramTop .programTopList > li:nth-child(4n),
.innerProgramTop .programTopList > li:last-child{ margin-right: 0;}
.innerProgramTop .programTopList.single{ width: 1280px;}
.innerProgramTop .programTopList.single > li:nth-child(-n+4){ margin-top: 50px;}
.innerProgramTop .programTopList.single > li:nth-child(-n+3){ margin-top: 0;}
.innerProgramTop .programTopList.single > li:nth-child(4n){ margin-right: 40px;}
.innerProgramTop .programTopList.single > li:nth-child(3n),
.innerProgramTop .programTopList.single > li:last-child{ margin-right: 0; margin: 0 auto;}
.innerProgramTop .programTopList.split3{ width: 950px; margin: 0 auto;}
.innerProgramTop .programTopList.split3.center{ margin: 0 auto;}
.innerProgramTop .programTopList.split3 > li:nth-child(-n+4){ margin-top: 50px;}
.innerProgramTop .programTopList.split3 > li:nth-child(-n+3){ margin-top: 0;}
.innerProgramTop .programTopList.split3 > li:nth-child(4n){ margin-right: 40px;}
.innerProgramTop .programTopList.split3 > li:nth-child(3n),
.innerProgramTop .programTopList.split3 > li:last-child{ margin-right: 0;}
.innerProgramTop .programTopList.spotyDrive > li:nth-child(-n+4){ margin-top: 50px;}
.innerProgramTop .programTopList.spotyDrive > li:nth-child(-n+3){ margin-top: 0;}
.innerProgramTop .programTopList.spotyDrive > li:nth-child(4n){ margin-right: 40px;}
.innerProgramTop .programTopList.spotyDrive > li:nth-child(3){ margin-right: 330px;}
.innerProgramTop .programTopList.spotyDrive > li:last-child{ margin-right: 0;}
.innerProgramTop .programTopList > li a{display: block; text-decoration: none; color: #000; transition: all 0.5s;}
.innerProgramTop .programTopList > li a:hover{ opacity: 0.7;}
.innerProgramTop .programTopList > li a .ttlWrap{ display: flex; align-items: center; min-height: 30px; position: relative; margin: 0 auto 15px;}
.innerProgramTop .programTopList > li a .ttlWrap.hms{ padding-right: 40px;}
.innerProgramTop .programTopList > li a .ttlWrap.hms::after{ content: ""; display: block; width: 30px; height: 30px; background: url("../img/moto_school/logo_hms.png") no-repeat 0 0; background-size: 100%; position: absolute; top: calc(50% - 15px); right: 0;}
.innerProgramTop .programTopList > li a .ttlWrap.hds{ padding-right: 40px;}
.innerProgramTop .programTopList > li a .ttlWrap.hds::after{ content: ""; display: block; width: 30px; height: 30px; background: url("../img/car_school/logo_hds.png") no-repeat 0 0; background-size: 100%; position: absolute; top: calc(50% - 15px); right: 0;}
.innerProgramTop .programTopList > li a .ttlWrap .beginner{ margin-right: 5px;}
.innerProgramTop .programTopList > li a .ttlWrap .ttl{ font-size: 16px; line-height: 1.4; font-weight: bold;}
.innerProgramTop .programTopList > li a .detailWrap{ background: #ececec; }
.innerProgramTop .programTopList > li a .detailWrap .img{ display: block; width: 100%; }
.innerProgramTop .programTopList > li a .detailWrap .textBox{ box-sizing: border-box; width: 100%; padding: 20px;}
.innerProgramTop .programTopList > li a .detailWrap .textBox p{ font-weight: bold; margin-bottom: 20px; font-size: 14px;}
.innerProgramTop .programTopList > li a .detailWrap .textBox ul{ width: 100%; box-sizing: border-box; list-style: none;}
.innerProgramTop .programTopList > li a .detailWrap .textBox ul li{ text-indent: -1.5em; padding-left: 1.5em; font-size: 14px; line-height: 1.6; margin-bottom: 15px;}
.innerProgramTop .programTopList > li a .detailWrap .textBox ul li:last-child{ margin-bottom: 0;}
.innerProgramTop .programTopList > li a .detailWrap .textBox ul li::before{ content: "\25A0\a0"; color: #0092d7;}

.YouTube{ margin: 30px auto; width:920px; height: 520px;}

.matrix{ background: #074d89; padding: 100px 0; border-top: none; min-width: 1280px;}
.matrix .innerMatrix{ margin-bottom: 100px;}
.matrix .innerMatrix:last-child{ margin-bottom: 0;}
.matrix h3{ color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;}
.matrix h3 span{ color: #6a94b8; font-size: 16px; display: block; margin-top: 15px;}
.matrix .scrollBox{margin: 50px auto 0; }
.matrix .scrollBox.w1280{ width: 1280px;}
.matrix .scrollBox.w768{ width: 768px;}
.matrix .scrollBox .scrollIcon{ display: none;}

.info{ padding: 100px 0 50px;}
.infoAccordion{ width: 980px;  margin:  0 auto 60px;}
.infoAccordion:last-child{ margin-bottom: 0;}
#rental{ margin-top: -60px; padding-top: 60px;}
.infoAccordion .accordionBtn{ background: #707070 !important; padding: 20px 20px !important; line-height: 1.4 !important; box-sizing: border-box; width: 100%; color: #ffffff; font-size: 20px !important; margin: 0 auto !important; position: relative; cursor: pointer;}
.infoAccordion .accordionBtn span{ position: absolute; right: 20px; text-align: right; top: calc(50% - 12px); padding-right: 24px; display: block; font-size: 16px;}
.infoAccordion .accordionBtn span::after{ content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(135deg); position: absolute; top: calc(50% - 8px); right: 0;}
.infoAccordion .accordionBtn.active span::after{ transform: rotate(-45deg); position: absolute; top: calc(50% - 5px);}
.infoAccordion .accordionBox{ padding: 50px 40px 40px; box-sizing: border-box; width: 100%; display: none; border: 1px solid #707070;}
.infoAccordion .accordionBox .innerInfo01{ margin-bottom: 40px; }
.infoAccordion .accordionBox .innerInfo01:last-child{ margin-bottom: 0; }
.infoAccordion .accordionBox .innerInfo01 h4{ font-weight: bold; font-size: 16px !important; margin: 0 auto 15px; line-height: 1.4;}
.infoAccordion .accordionBox .innerInfo01 h4::after{ content: none !important;}
.infoAccordion .accordionBox .innerInfo01 ul{ list-style: none;}
.infoAccordion .accordionBox .innerInfo01 ul li{ margin-bottom: 7px; font-size: 14px; line-height: 1.6; text-indent: -1.5em; padding-left: 1.5em;}
.infoAccordion .accordionBox .innerInfo01 ul li::before{ content: "\25A0"; margin-right: 0.5em;}
.infoAccordion .accordionBox .innerInfo01 ul li:last-child{ margin-bottom: 0;}
.infoAccordion .accordionBox .innerInfo01 .caution{ padding-left: 1.5em; font-size: 14px !important; line-height: 1.6; margin-top: 15px;}
.infoAccordion .accordionBox .innerInfo02{ margin-top: 40px; }
.infoAccordion .accordionBox .innerInfo02 h4{ font-weight: bold; font-size: 20px !important; margin: 0 auto 20px; line-height: 1.4;}
.infoAccordion .accordionBox .innerInfo02 h4::after{ content: none !important;}
.infoAccordion .accordionBox .innerInfo02 ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.infoAccordion .accordionBox .innerInfo02 ul li{ width: 210px; margin: 25px 19px 0 0;}
.infoAccordion .accordionBox .innerInfo02 ul li:nth-child(-n+4){ margin-top: 0;}
.infoAccordion .accordionBox .innerInfo02 ul li:nth-child(4n),
.infoAccordion .accordionBox .innerInfo02 ul li:last-child{ margin-right: 0;}
.infoAccordion .accordionBox .innerInfo02 ul li .img{ margin-bottom: 10px;}
.infoAccordion .accordionBox .innerInfo02 ul li .img img{ display: block; width: 100%;}
.infoAccordion .accordionBox .innerInfo02 ul li .text{ font-size: 14px!important;}
.infoAccordion .accordionBox .infoLead{ font-size: 14px !important; line-height: 1.8 !important;}

.infoAccordion .accordionBtn_kigyo{ background: #D7EFFB ; padding: 10px; line-height: 1.4; box-sizing: border-box; font-weight: bold; width: 100%; font-size: 20px; margin: 0 auto !important; position: relative; cursor: pointer;}
.infoAccordion .accordionBtn_kigyo span{ position: absolute; right: 20px; text-align: right; top: calc(50% - 12px); font-weight: bold;padding-right: 24px; display: block; font-size: 16px;}
.infoAccordion .accordionBtn_kigyo span::after{ content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid #000; font-weight: bold;border-right: 2px solid #000; transform: rotate(135deg); position: absolute; top: calc(50% - 8px); right: 0;}
.infoAccordion .accordionBtn_kigyo .active span::after{ transform: rotate(-45deg); position: absolute; top: calc(50% - 5px);}

.infoAccordion .accordionBox_kigyo{ padding: 20px 10px 10px; box-sizing: border-box; width: 100%; display: none; border: 1px solid #D7EFFB;}
.infoAccordion .accordionBox_kigyo .infoLead{ font-size: 14px !important; line-height: 1.8 !important;}

.infoAccordion .accordionBox_kigyo dl.rental{margin:0 10px 40px;}
.infoAccordion .accordionBox_kigyo dl.rental dt{position:relative;font-size:120%;line-height:1.5em;margin: 20px 0;text-align:left;}
.infoAccordion .accordionBox_kigyo dl.rental dd{background:url(../img/common/bg_grid.gif);border:solid 1px #c3e8fa;text-align:center;padding:20px 15px;}
.infoAccordion .accordionBox_kigyo dl.rental dd:after{content:""; display:block; clear:both; height:0;}
.infoAccordion .accordionBox_kigyo dl.rental dd li{float:left;}
.infoAccordion .accordionBox_kigyo dl.rental dd li img {width:216px; height:164px;}
.infoAccordion .accordionBox_kigyo dl.rental dd li p{font-size:130%;line-height:2em;}
.infoAccordion .accordionBox_kigyo dl.rental dd ul.kigyo_rental {margin:0 auto;}
.infoAccordion .accordionBox_kigyo dl.rental dd ul.kigyo_rental li{width:216px;margin:20px 5px;text-align:left;}
.infoAccordion.spOnly .accordionBox{ display: block !important;}
.infoAccordion.spOnly .accordionBtn{ pointer-events: none;}
.infoAccordion.spOnly .accordionBtn span{ display: none !important;} 

/*--スクール - 詳細--*/
.schoolAnchor{ width: 670px; margin: 0 auto 180px; padding-top: 25px;}
.schoolAnchor.mb100{ margin-bottom: 100px;}
.schoolAnchor ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: top;}
.schoolAnchor li{ width: 180px; font-size: 20px; text-align: center; font-weight: bold; line-height: 170%; margin-right: 65px;}
.schoolAnchor li:last-child{ margin-right: 0;}
.schoolAnchor li .ico{ margin-bottom: 25px;}
.schoolAnchor li .ico img{ display: block; height: 80px; width: auto; margin: 0 auto;}
.schoolAnchor li .text span{ color: #999; display: block; font-size: 16px;}
.schoolAnchor li .text .small{ color: #000; display: block; font-size: 14px; font-weight: normal; line-height: 1;}
.schoolAnchor li a{ color: #000; text-decoration: none; display: block; padding-bottom: 15px;}
.schoolAnchor li a::after{ content: ""; display: block; width: 20px; height: 10px; background: url("../img/common/arrow.png") no-repeat 0 0; background-size: 100%; position: absolute; bottom: 0; left: calc(50% - 15px); transition: all 0.6s;} 
.schoolAnchor li a:hover::after{ content: ""; display: block; width: 20px; height: 10px; background: url("../img/common/arrow.png") no-repeat 0 0; background-size: 100%; position: absolute; bottom: -5px;}

#container section{ width: 100%; padding-bottom: 130px; position: relative; border-top: #707070 solid 1px;}
#container section::before{ content: ""; display: block; background: url("../img/common/border_section.png") no-repeat; width: 120px; height: 30px; background-size: 120px 30px; position: absolute; top: -1px; left: calc(50% - 60px);}
#container section.linkAnchor{ margin-top: -100px; padding-top: 100px;}
#container section h3{ font-size: 30px; text-align: center; font-weight: bold;}
#container section h3 span{ color: #999; font-size: 16px; display: block; margin-top: 15px;}
#container section h3 .small{ color: #000000; font-size: 18px; display: block; margin-bottom: 10px;}
#container section.linkAnchor.programBox{ padding-bottom: 220px; margin-bottom: 0;}
#container section.linkAnchor.programBox.pb00{ padding-bottom: 30px;}

.btn_schoolTop{ width: 400px; line-height: 60px; margin: 40px auto 0; text-align: center;}
.btn_schoolTop a{ background: #0092d7; color: #FFF; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s;}
.btn_schoolTop a:hover{ text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.6s;}

.btn_pdf{ width: 400px; line-height: 60px; margin: 40px auto 0; text-align: center;}
.btn_pdf a{ background-image: url("../img/common/btn-t.png"),url("../img/common/btn-b.png"); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100%;  color: #0092d7; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s; padding:7px 0;}
.btn_pdf a span{ background: url("../img/common/btn-m.png") repeat-y center 0; background-size: 100%; display: block;}
.btn_pdf a:hover{ text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.6s;}
.btn_pdf a span::before{ content: ""; display: inline-block; background: url("../img/common/icon_pdf.png") no-repeat 0 0; background-size: 28px 33px; width: 28px; height: 33px; padding-left: 20px; position: relative; top: 10px;}
.btn_pdf > span{ opacity: 0.4; background-image: url("../img/common/btn-t.png"),url("../img/common/btn-b.png"); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100%;  color: #0092d7; display: block; text-decoration: none; font-weight: bold; padding:7px 0;}
.btn_pdf > span span{ background: url("../img/common/btn-m.png") repeat-y center 0; background-size: 100%; display: block;}
.btn_pdf > span span::before{ content: ""; display: inline-block; background: url("../img/common/icon_pdf.png") no-repeat 0 0; background-size: 28px 33px; width: 28px; height: 33px; padding-left: 20px; position: relative; top: 10px;}

.btn_reservation{ width: 400px; line-height: 60px; margin: 40px auto 0; text-align: center;}
.btn_reservation a{ background-image: url("../img/common/btn-t.png"),url("../img/common/btn-b.png"); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100%;  color: #0092d7; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s; padding:7px 0;}
.btn_reservation a span{ background: url("../img/common/btn-m.png") repeat-y center 0; background-size: 100%; display: block;}
.btn_reservation a:hover{ text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.6s;}
.btn_reservation a span::before{ content: ""; display: inline-block; background: url("../img/common/icon_entry.png") no-repeat 0 0; background-size: 28px 33px; width: 28px; height: 33px; padding-left: 20px; position: relative; top: 10px;}


.btn_reservation_center{ width: 400px; line-height: 60px; text-align: center;}
.btn_reservation_center a{ background-image: url("../img/common/btn-t.png"),url("../img/common/btn-b.png"); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100%;  color: #0092d7; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s; padding:7px 0;}
.btn_reservation_center a span{ background: url("../img/common/btn-m.png") repeat-y center 0; background-size: 100%; display: block;}
.btn_reservation_center a:hover{ text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.6s;}
.btn_reservation_center a span::before{ content: ""; display: inline-block; background: url("../img/common/icon_entry.png") no-repeat 0 0; background-size: 28px 33px; width: 28px; height: 33px; padding-left: 20px; position: relative; top: 10px;}


.btn_module{ width: 380px; line-height: 40px; margin: 10px auto 0; text-align: center;}
.btn_module a{ background: #0092d7; color: #FFF; display: block; text-decoration: none; transition: all 0.6s;}
.btn_moduke a:hover{ text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.6s;}

.schoolBtnList{ margin: 40px auto 0; display: flex; justify-content: center; flex-wrap: wrap;}
.schoolBtnList li{ margin-right: 40px;}
.schoolBtnList li:nth-child(even){ margin-right: 0;}

.programSubCategory{ margin: 100px auto 0; position: relative; text-align: center; width: 920px;}
.programSubCategory::after{ content: ""; background: #d9d9d9; height: 1px; width: 100%; display: block; position: absolute; top: 12px; }
.programSubCategory span{ display: inline-block; background: #ffffff; padding: 0 20px; position: relative; z-index: 2; color: #0092d7; font-size: 24px; font-weight: bold;}

.wrapProgram{ width: 920px; margin: calc(110px - 62px) auto 0; padding-top: 62px;}

.programTtlBox{ background: #ececec; margin-bottom: 30px; padding: 18px 20px 20px; font-weight: bold; position: relative;}
.programTtlBox.hms{ padding-right: 80px;}
.programTtlBox.hms::after{ content: ""; display: block; width: 60px; height: 60px; background: url("../img/moto_school/logo_hms.png") no-repeat 0 0; background-size: 100%; position: absolute; top: calc(50% - 30px); right: 20px;}
.programTtlBox.hds{ padding-right: 80px;}
.programTtlBox.hds::after{ content: ""; display: block; width: 60px; height: 60px; background: url("../img/car_school/logo_hds.png") no-repeat 0 0; background-size: 100%; position: absolute; top: calc(50% - 30px); right: 20px;}
.programTtlBox .category{ display: flex; align-items: center; color: #0092d7; font-size: 16px; margin-bottom: 15px;}
.programTtlBox .category .beginner{ width: 18px; margin-right: 10px;}
.programTtlBox .category .beginner img{ width: 100%; display: block; }
.programTtlBox h4{ font-size: 30px; margin: 0 auto; line-height: 1.6;}

.innerProgram{ width: 880px; margin: 0 auto;}
.innerProgram .catch{ font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.innerProgram .lead{ font-size: 14px; line-height: 1.8; margin-bottom: 30px;}

.programRecommendBox{ display: flex; flex-wrap: wrap; align-items: center; background: #ececec; margin-bottom: 50px;}
.programRecommendBox .img{ width: 420px;}
.programRecommendBox .img img{ display: block; width: 100%;}
.programRecommendBox .textBox{ width: 460px; box-sizing: border-box; padding: 20px 40px;}
.programRecommendBox .ttl{ font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.programRecommendBox ul li{ margin-bottom: 5px; text-indent: -1.5em; padding-left: 1.5em; line-height: 1.8; font-size: 16px;}
.programRecommendBox ul li:last-child{ margin-bottom: 0; }
.programRecommendBox ul li:before{ content: "\25A0\a0"; color: #0092d7;}

.programDetailList{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; font-size: 14px; line-height: 1.4;}
.programDetailList dt{ width: 85px; padding: 3px 0; text-align: center; box-sizing: border-box; border: 2px solid #000000; font-weight: bold; display: block; margin-top: 15px;}
.programDetailList dd{ width: 775px; padding: 3px 0; display: block; margin-top: 15px;}
.programDetailList dd.double{ width: 775px; padding: 3px 0; display: block; margin-top: 25px;}
.programDetailList dt:first-of-type,
.programDetailList dd:first-of-type{ margin-top: 0;}
.programDetailList dd.double:first-of-type{margin-top: 10px;}

.programCaution{font-size: 14px; margin-top: 25px; line-height: 1.6;}
.programCaution.red{ color: #e60012;}
.programCaution .red{ color: #e60012;}

.reservationCaution{font-size: 16px; margin-bottom: 15px; line-height: 1.2; font-weight:bold}
.reservationCaution.red{ color: #e60012;}
.reservationCaution .red{ color: #e60012;}

.openBtn{ display: none;}

/*--予約・お問い合わせ--*/
.btn_reserve{ width: 600px; margin: 20px auto 20px;}
.btn_reserve img{ width: 600px;}
.btn_reserve a{ display: block; transition: all 0.6s;}
.btn_reserve a:hover img{ text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.6s;}

ul.note_reserve{ margin-top: 40px;}
ul.note_reserve li{ padding:0.25em 0 0.25em 1em !important; text-indent:-1em; line-height:1.5em;}


#page-top{ width:60px; height:60px; display:none; position:fixed; right: 10px;  z-index:200; line-height:0;}
#page-top p{ margin:0; padding:0;}
#page-top p img{ width:60px; opacity:0.8; filter:alpha(opacity=80);}
#page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);}
#move-page-top{ text-decoration:none; display:block; cursor:pointer;}

#scheduleBtn{ width:60px; height:60px; position:fixed; right: 10px; z-index:200; line-height:0;}
#scheduleBtn p{ margin:0; padding:0;}
#scheduleBtn p img{ width:60px; }
#scheduleBtn p:hover img{ opacity:0.7; filter:alpha(opacity=70);}

#reserveBtn{ width:60px; height:60px; position:fixed; right: 10px; z-index:200; line-height:0;}
#reserveBtn p{ margin:0; padding:0;}
#reserveBtn p img{ width:60px; }
#reserveBtn p:hover img{ opacity:0.7; filter:alpha(opacity=70);}


/*--親子でバイクを楽しむ会--*/
#info.oyako{ margin-top: -100px; padding-top: 100px; }
#info.oyako > .lesson{ margin-top: 0;}

.reservationBox{ width: 100%; background: url("../img/common/bg_reservation.jpg") no-repeat center center; background-size: 100% auto; min-width: 1280px; margin: 80px 0 0; padding: 140px 0; box-sizing: border-box;}
.reservationBox .ttlReservation{ font-size: 40px; text-align: center; color: #fff; font-weight: bold; margin-bottom: 30px;}
.reservationBox .btnReservation{ width: 730px; margin: auto;}
.reservationBox .btnReservation a{ background: #0092d7; color: #ffffff; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s; padding: 30px; font-size: 20px; box-sizing: border-box; text-align: center;}
.reservationBox .btnReservation a:hover{ opacity: 0.7;}


.reservationBox-moto{ width: 100%; background: url("../img/common/bg_reservation-moto.jpg") no-repeat center center; background-size: 100% auto; min-width: 1280px; margin: 80px 0 0; padding: 140px 0; box-sizing: border-box;}
.reservationBox-moto .ttlReservation{ font-size: 40px; text-align: center; color: #fff; font-weight: bold; margin-bottom: 30px;}
.reservationBox-moto .btnReservation{ width: 730px; margin: auto;}
.reservationBox-moto .btnReservation a{ background: #0092d7; color: #ffffff; display: block; text-decoration: none; font-weight: bold; transition: all 0.6s; padding: 30px; font-size: 20px; box-sizing: border-box; text-align: center;}
.reservationBox-moto .btnReservation a:hover{ opacity: 0.7;}


/*--開催日程モーダル--*/
.moWrap{ width: 510px; margin: 0 auto;display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;　box-sizing: border-box;}
.moWrap h4{ font-size: 16px; margin: 0 0 20px;}
.moWrap .moL{ width: 450px;}
.moWrap .moR{ width: 450px;}
.dialog {
	background: white;
	padding: 30px;
	text-align: left;
	max-width: 510px;
	margin: 40px auto;
	position: relative;
	color: #3F3B3A;
	box-sizing: border-box;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

/*--バナーエリア--*/
.bnr{margin: 20px auto; text-align: center;}




.sp { display: none !important;}