@media screen and (max-width:1000px) {

body { min-width:320px; padding:0; }

.pc_no { display:block; }
br.pc_no { display:inline-block; }
.sp_no, br.sp_no { display:none; }
span.sp_no { display:none; }

/**2023/01/04*スマホのみ改行*/
.br-sp {display: block; }
/**2023/01/04*pcのみ改行*/
.br-pc {display: none; }


p { line-height:1.8; }

/*-- ARTICLE/ --*/
.article {
  padding: 80px 0 0 0;
  padding: 0 0 0 0;
}
.contents { overflow-x:hidden; }



/*-- HEADER/ --*/
.header .logo { display:inline-block; vertical-align:top; padding:15px; margin:0; }
.header .logo a { font-size:16px; font-weight:bold; }
.header .logo a img { float:left; width:80px; height:50px; }
.header .logo a span { display:inline-block; vertical-align:top; line-height:21px; padding:4px 0 4px 1em;  }
.header .tel { display:none; }

/*-- MAIN/ --*/
.main .t_copy { font-size:12vw; transform:translate(0, 0); }
body.camp .main .t_copy { top:auto; bottom:0; font-size:5vw; bottom:20%; }
body.home .main .t_copy { font-size:7vw; }



/*--SP MENU/--*/
.sp_menu { display:block; width:60px; height:60px; position:fixed; top:10px; right:0; cursor:pointer; transition:.2s; z-index:20000; }
.sp_menu.on { }
.sp_menu div { width:40%; height:3%; background:#d33; position:absolute; transition:.2s; left:30%; }
.sp_menu div:nth-child(1) { top:25%; }
.sp_menu div:nth-child(2) { top:40%; }
.sp_menu div:nth-child(3) { top:55%; }
.sp_menu.on div:nth-child(1) { top:40%; left:27%; width:48%; transform: rotate(-45deg); }
.sp_menu.on div:nth-child(2) { opacity:0; }
.sp_menu.on div:nth-child(3) { top:40%; left:27%; width:48%; transform: rotate(45deg); }
.sp_menu::after { content:"MENU"; color:#d33; display:block; width:100%; text-align:center; position:absolute; top:40px; left:auto; font-size:0.5em; letter-spacing:1px; }
.sp_menu.on::after { content:"CLOSE"; color:#d33; }

body.camp .sp_menu div { background:#0a3; }
body.camp .sp_menu::after, body.camp .sp_menu.on::after { color:#0a3; }

body.home .sp_menu div { background:#f90; }
body.home .sp_menu::after, body.home .sp_menu.on::after { color:#f90; }


/*-- お電話/ --*/
/*.tel_box { margin:-2.5em 0 0 0; padding:1em 0.5em; }
.tel_box span { padding:0 0.5em 0 0; }
.tel_box strong { font-size:2em; }
.tel_box {}*/

.b_join01 { display:none; }



/*-- HEADER_MENU/ --*/
.hm { display:none; position:relative; width:100%; max-width:300px; top:0; height:auto; left:0; right:0; padding:0 0 20px 0; border-top:1px solid #ddd; }
.hm li { min-width:90px; }
.hm li a { display:block; padding:45px 8px 5px 8px; background-position:center top !important; white-space:nowrap; }

.hm li.qa { position:relative; right:auto; }
.hm li.qa a { padding:45px 8px 15px 8px; background:url(../img/i_qa01.svg) center top /40px no-repeat; background-position:center 10px !important; text-align:center; min-width:90px; }
.hm li.contact { position:relative; right:auto; }
.hm li.contact a { padding:45px 8px 15px 8px; background:url(../img/i_mail01.svg) center top /40px no-repeat; background-position:center 10px !important; text-align:center; }

.hm li.qa a:hover, .hm li.qa a.active { background:url(../img/i_qa02.svg) center top /40px no-repeat; }
.hm li.contact a:hover, .hm li.contact a.active { background:url(../img/i_mail02.svg) center top /40px no-repeat; }


body.camp .hm li.home.top,
body.home .hm li.home.top { margin-left:0;  }
body.camp .hm li.home.top::before,
body.home .hm li.home.top::before { display:none; }


.hm li.tel_box { display:block; width:100%; position:relative; right:auto; }
.hm li.tel_box div { margin:0; transform:skew(0); border-radius:25px; }
.hm li.tel_box a { padding:15px; transform:skew(0);/* border-radius:25px*/; }
.hm li.tel_box a span { transform:skew(0); }

.sm { display:none; }
.sm li:last-child { /*display:none;*/ }

/*-- お知らせ02/ --*/
.info_box .info_title { width:90%; margin-bottom:1em; padding:0 1em; }
.info_box .info_title .more { position:absolute; right:0; top:0; letter-spacing:0;}
.info_box .info_list { width:90%; }
.info_box dt { float:none; width:100%; }
.info_box dd { margin:0; }
.fb_box { width:90%; }
.fb_iframe_widget { width:90%; }

/*-- MAIN/ --*/
.main { min-height:calc(100vh - 100px); }


/*-- 利用者満足度 --*/
.voice_box { width:100%; }
.voice_box .index_box { width:100%; }

.chart_box { width:100%; }


/*-- INDEX --*/
.index_box { width:49%; }
.index_box .title { font-size:1.2em; line-height:1.25; }

body.camp .index_box.point .txt { width:90%; }
body.camp .index_box.point .title img { width:1.5em !important; }

body.specialist .mceContentBody .index_box { width:32.3%; }

/*.index_box .title { margin:-1em 0 0 -1em; }*/

/*-- 取得できる免許 --*/
.get_box { width:100%; margin:0; }
.get_box li { width:32vw; margin-bottom:1em; min-width:90px; }
.get_box li a { width:29vw; height:29vw; padding:2%; border:1.5vw solid rgba(255,255,255,0); margin:1.5vw; }
.get_box li a:hover { /*background:#fff;*/ border:3vw solid rgba(255,255,255,0.8); width:32vw; height:32vw; margin:0; }

/*-- 教習案内 --*/
.guide_box { margin:0; }
.guide_box li { width:50%; min-width:140px; border:none; }
.guide_box li a { width:46vw; min-height:46vw; font-size:1em; padding:4vw 2vw; }
.guide_box li a:hover { /*background:#f6f4f0;*/ width:48vw; min-height:48vw; box-shadow:2px 2px 10px rgba(0,0,0,0.1); }
.guide_box li a img { margin:5vw auto; }
.guide_box li a span { margin:0; }



/*-- FOOT/ --*/
.footer { padding-left:0 !important; padding-right:0 !important; }
.copyright { position:relative; right:0; padding:20px 70px; text-align:center; }
.fm { position:relative;  }

/*-- 合宿コース --*/
body.camp .main_b { bottom:0; z-index:1; }

/*-- 通学コース --*/
body.home .main_b { width:60vw; top:auto; bottom:0; transform:translate(0,0);}


/*-- TEMPLATE ------------------------------------------------------------------------------------------*/

body.temp .hero {  }

img.full { width:calc(100% + 40px); max-width:100vw; margin-left:-20px; margin-right:-20px; }


/*-- HEAD/ --*/
.head { height:auto; padding:90px 0; }
.head h2 {  }


.left_img img { margin:0; padding:0; margin-bottom:1em; margin-right:0; max-width:100%; height:auto; }

.section img { float:none; width:100% !important; height:auto; margin:0; }
.section .text_box { padding:0; }

h1 { font-size:2.4em; }
h2 { font-size:1.8em; letter-spacing:normal; }
h3 { font-size:1.6em; letter-spacing:normal; }
h4 { font-size:1.4em; letter-spacing:normal }
h5 { font-size:1.2em; letter-spacing:normal }

h2 .comment { font-size:0.5em; letter-spacing:normal }

h3 + .box_l, h3 + .box_r { margin:0 auto 1em auto;  }
h3 + .box_l .txt, h3 + .box_r .txt { position:relative; padding:1em 0 2em 0; }
h3 + .box_l.full .photo img, h3 + .box_r.full .photo img { margin-top:0;  }

h2.title { margin:1em 0 0 0; }

/*-- INDEX --*/
body.topics .mceContentBody .index_box { width:32.3%; }



/*---- テーブルデザイン/ ----*/
table { width:100% !important; min-width:200px; border-collapse:collapse; position:relative; }
tr { }
tbody th { }
.table01 th, .table02 th { font-weight:bold !important; border:none; /*border-top:1px solid #ddd;*/ display:inline-block; width:100%; word-break:break-all !important; word-wrap:break-word !important; padding:15px 1% 0 1%  !important; line-height:1.5 !important; margin-bottom:-1px; box-sizing: border-box; }
.table01 td, .table02 td { display: inline-block; width:100%; float:left; word-break:break-all !important; border:none !important; word-wrap:break-word !important; padding:10px 1% !important; line-height:1.5 !important; margin-bottom:-1px; box-sizing: border-box; }
.table01 td + td { padding:0 1% 10px 1% !important; }
.table01 tr { border-bottom:1px dashed #ddd; }
.table03 th, .table03 td, .table02 td .table03 th, .table02 td .table03 td { width:auto; float:none; display:table-cell !important; /*font-weight:normal;*/ }
.table02 td .table03 thead th, .table02 td .table03 thead td { background:none; }
.table02 td .table01 th, .table02 .table01 td { padding:5px 0 !important; border-bottom:1px dashed #ddd !important; }

/*th[nowrap] { word-break:break-all !important; word-wrap:break-word !important; }
td[nowrap="true"] {}*/
img[align="absmiddle"] { vertical-align:middle; }
th img, td img { max-width:100%; height:auto; }
th img.no, td img.no, #map img { width:auto !important; height:auto; }

.table02 { border:none; }



/*-- 幅の広いテーブルにスクロール表示 --*/
.scroll { overflow:auto; }
.scroll::-webkit-scrollbar { height:15px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb { background:#bc6;/*tableにスクロールバーを追加*/}
.scroll table { margin-bottom:20px !important; }



/*-- 画像回り込みセット/ --*/
.box_l, .mceContentBody .box_l { width:100%; margin:0 0 40px 0; }
.box_l .photo, .mceContentBody .box_l .photo { display:block; float:none; width:100% !important; max-width:100%; padding:0; margin-bottom:1.5em; box-sizing:border-box; }
.box_l .photo img, .mceContentBody .box_l .photo img { max-width:100%; padding:0; height:auto; }
.box_l .photo img.no, .mceContentBody .box_l .photo img.no { display:block; margin:0 auto 10px auto; }
.box_l .txt, .mceContentBody .box_l .txt { padding:0; }

.box_r, .mceContentBody .box_r { width:100%; margin:0 0 40px 0; }
.box_r .photo, .mceContentBody .box_r .photo { display:block; float:none; width:100% !important; max-width:100%; padding:0; margin-left:0; margin-bottom:1.5em; box-sizing:border-box; }
.box_r .photo img, .mceContentBody .box_r .photo img { max-width:100%; padding:0; height:auto; }
.box_r .photo img.no, .mceContentBody .box_r .photo img.no { display:block; margin:0 auto 10px auto; }
.box_r .txt, .mceContentBody .box_r .txt { padding:0; }

.box_l.full, .box_r.full { width:calc(100% + 60px); margin:0 -30px 40px -30px; padding:30px; }
.box_l.full .photo { padding:0; margin:0 -30px 1.5em -30px; width:calc(100% + 60px) !important; max-width:calc(100% + 60px) !important; }
.box_r.full .photo  { padding:0; margin:0 -30px 1.5em -30px; width:calc(100% + 60px) !important; max-width:calc(100% + 60px) !important; }
.box_l.full.txt, .box_r.full.txt { width:100%; }


.mix .box_l .photo, .mix .box_r .photo { margin:0 auto 1.5em auto; max-width:90%; }
.mix .box_l .photo img, .mix .box_r .photo img { margin-top:-50px; }
.greeting_box .box_r .photo img { margin-bottom:50px; }


/*-- FORM SELECT/ --*/
.easy-select-box .esb-displayer { min-width:2.5em; }

.col2 { columns:1; padding:0; }
.col3 { columns:1; padding:0; }



/*WordPress*/
.aligncenter { display:block;margin: 0 auto;}
.alignright { float:none; display:block; margin:0 auto 1em auto; }
.alignleft { float:none; display:block; margin:0 auto 1em auto; }
img[class*="wp-image-"],
img[class*="attachment-"] { max-width: 100%; height: auto; }

.LCR_box, .LCR_box2 { width:49.5% !important; }



/*入校申し込み*/
table.boarding th.area { background:#fff;}

/*流れ*/
.flow_box { display:flex; flex-direction:column; }
.flow_box li { width:80%; max-width:600px; }
.flow_box li .text {  width:80%; }
.flow_box li::after { content:""; position:relative; top:1em; right:0; border:20px solid transparent; border-left:20px solid transparent; border-top:20px solid #ccc; margin:0 auto -1em auto;}


}




@media screen and (max-width:640px) {
.main {  }
.main .t_copy .en { font-size:8vw; }


.movie_box { margin-left:-10px; margin-right:-10px;}
.contact_box .neuro { display:block; line-height:1; }


body.temp .hero { height:50vw; }
body.temp .hero h1 { width:65vw; margin:0; }
body.temp .hero h1 div {height:50vw;font-size: 6vw;}
body.temp .hero h1 div::before { }
body.temp .hero h1 .comment { letter-spacing:normal; }
body.support .hero h1 .comment,
body.recruit .hero h1 .comment,
body.about .hero h1 .comment { letter-spacing:normal; padding:0 0 0 1.5em; margin:0 -3em 0 0 ; }

body.car .hero h1 div::before,
body.bike .hero h1 div::before,
body.truck .hero h1 div::before,
body.loader .hero h1 div::before,
body.taxi .hero h1 div::before,
body.qa .hero h1 div::before,
body.contact .hero h1 div::before,
body.info .hero h1 div::before { width:16vw; height:16vw; }

.navibar ul { font-size:0.6em; line-height:16px; letter-spacing:0; }

.box_l.full, .box_r.full { width:calc(100% + 30px); margin:0 -15px 30px -15px; padding:15px; }
.box_l.full .photo { margin:0 -15px 1.5em -15px; width:calc(100% + 30px) !important; max-width:calc(100% + 30px) !important; }
.box_r.full .photo  { margin:0 -15px 1.5em -15px; width:calc(100% + 30px) !important; max-width:calc(100% + 30px) !important; }



/*-- 利用者満足度 --*/
.voice_box .index_box .icon { width:90px; height:90px; max-width:90px; max-height:90px; margin:0 0.5em 0 0; }
.voice_box .index_box .txt { width:calc(100% - 90px - 0.5em); /*font-size:0.75em;*/ }




.LR_box { width:100% !important; padding:0 0 1em 0; margin:0; overflow:visible !important; }
.LCR_box, .LCR_box2 { width:100% !important; padding:0 0 1em 0; margin:0; overflow:visible !important; }

.LR_box span.caption { left:0; bottom:calc(20px + 1em); }


.fm { padding-bottom:60px; }

.pagetop { display:block; position:fixed; bottom:0; left:50%; width:30px; height:60px; background:#fff; z-index:10000; transform:translate(-50%,0); }
.pagetop::before, .pagetop::after { content:""; position:absolute; display:block; bottom:0; width:0; height:0; border:30px solid transparent; border-bottom:30px solid #fff; }
.pagetop::before { left:-60px; border-right:30px solid #fff; }
.pagetop::after { right:-60px; border-left:30px solid #fff; }
.pagetop span::after { content:""; position:absolute; display:block; left:50%; top:40%; width:14px; height:14px; border-top:4px solid #d33; border-right:4px solid #d33; transform:rotate(-45deg) translate(-70%,0); box-sizing:border-box; }
.pagetop:hover { background:#fff; opacity:0.8; cursor:pointer; }


}



@media screen and (max-width:480px) {
/*-- 合宿コース --*/
body.camp .main .t_copy { bottom:-7%; }
body.camp .main_b { width:100%; bottom:15%; z-index:1;}

/*-- 通学コース --*/
/*body.home .main_b { display:none; }*/

/*-- 取得できる免許 --*/
.get_box li { width:48vw; }
.get_box li a { width:45vw; height:45vw; }
.get_box li a:hover { width:48vw; height:48vw; }

/*教主案内*/
.guide_box li a span { margin:0; font-size:1em; }
.guide_box li a span span { font-size:0.8em; }

.col3 { columns:1; }


/*-- INDEX --*/
.index_box { width:100%; }
body.specialist .mceContentBody .index_box { width:49%; }
body.specialist .mceContentBody .index_box .txt { width:100%; }
body.specialist .mceContentBody .index_box .comment { font-size:0.8em; }



.fm { text-align:center; padding:20px 0 70px 0; }
.fm li {  padding:10px 1em; line-height:20px;  }
.fm li::after { top:10px; }
.fm li.copyright { float:none; text-align:center;  }

.gb li { width:98%; }


}


@media screen and (max-width:320px) {


}