@media (max-width: 767px) {
    #nav-drawer {
        position: relative;
        height: 30px;
        width: 27px;
        background: #FFF;
        margin-bottom: 0px;
    }
    /*チェックボックス等は非表示に*/
    .nav-unshown {
        display: none;
    }
    /*アイコンのスペース*/
    #nav-open {
        display: inline-block;
        width: 30px;
        height: 22px;
        vertical-align: middle;
    }
    /*ハンバーガーアイコンをCSSだけで表現*/
    #nav-open span, #nav-open span:before, #nav-open span:after {
        position: absolute;
        height: 3px; /*線の太さ*/
        width: 25px; /*長さ*/
        border-radius: 3px;
        background: #555;
        display: block;
        content: '';
        cursor: pointer;
        z-index: 9998;
    }
    #nav-open span:before {
        bottom: -8px;
    }
    #nav-open span:after {
        bottom: -16px;
    }
    /*閉じる用の薄黒カバー*/
    #nav-close {
        display: none; /*はじめは隠しておく*/
        position: fixed;
        z-index: 99;
        top: 0; /*全体に広がるように*/
        left: 0;
        width: 100%;
        height: 100%;
        background: black;
        opacity: 0;
        transition: .3s ease-in-out;
    }
    /*中身*/
    #nav-content {
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999; /*最前面に*/
        width: 90%; /*右側に隙間を作る（閉じるカバーを表示）*/
        max-width: 330px; /*最大幅（調整してください）*/
        height: 100%;
        background: #fff; /*背景色*/
        transition: .3s ease-in-out; /*滑らかに表示*/
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%); /*左に隠しておく*/
    }
    #nav-content ul {
        margin: 20px 0 0;
        padding: 0 20px;
    }
    #nav-content ul ul {
        margin: 0 0 0;
        padding: 0 0 0 20px;
    }
    #nav-content ul li {
        list-style: none;
        margin: 0;
        line-height: 30px;
        border-top: dashed 1px #C0C0C0;
    }
    #nav-content ul li a {
        display: block;
        text-decoration: none;
    }
    /*チェックが入ったらもろもろ表示*/
    #nav-input:checked ~ #nav-close {
        display: block; /*カバーを表示*/
        opacity: .5;
    }
    #nav-input:checked ~ #nav-content {
        -webkit-transform: translateX(0%);
        transform: translateX(0%); /*中身を表示（右へスライド）*/
        box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
    }
}
@media (min-width: 768px) {
    #nav-drawer {
        display: none;
    }
}


.indexMovHeader01{
    width: 1040px;
    height: 120px;
    display: none;
    margin: 0 auto;
    padding: 0 0 0 27px;
    background: #000000;
    box-sizing: border-box;
}
.indexMovHeader01 .movLogoArea01{
    width: 550px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.indexMovHeader01 .movLogoArea01 h2{
    display: block;
    margin: 0 0 0 36px;
}
.movNaviArea01{
    width: 463px;
    background: url("https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/top-header-bg01.gif?t=1603775267") left top no-repeat;
    display: none;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.movNaviArea01 img{
    display: block;
}
.indexMovHeader02{
    width: 1040px;
    height: 585px;
    display: none;
    margin: 0 auto;
    position: relative;
}
.indexMovHeader02 h2{
    position: absolute;
    z-index: 100;
    top: 22px;
    left: 70px;
}
.indexMovHeader02 video{
    width: 1040px;
    height: 585px;
}

@media (min-width: 768px){
    .cc-indexpage .indexMovHeader01{
        width: 1040px;
        height: 120px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 0 0 27px;
        background: #000000;
        box-sizing: border-box;
    }
    .indexMovHeader01 .movLogoArea01{
        width: 550px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .indexMovHeader01 .movLogoArea01 h2{
        display: block;
        margin: 0 0 0 36px;
    }
    .cc-indexpage .movNaviArea01{
        width: 463px;
        background: url("https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/top-header-bg01.gif?t=1603775267") left top no-repeat;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .movNaviArea01 img{
        display: block;
    }
    .cc-indexpage .indexMovHeader02{
        width: 1040px;
        height: 585px;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    .indexMovHeader02 h2{
        position: absolute;
        z-index: 100;
        top: 22px;
        left: 70px;
    }
    .indexMovHeader02 video{
        width: 1040px;
        height: 585px;
    }
}




.indexMovHeader03{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #FFFFFF;
    display: none;
}

.indexMovHeader03 video{
    width: 100%;
    height: auto;
}

.cc-indexpage .indexMovHeader03{
    display: block;
}
.indexMovHeader03 img{
    width: 100%;
    height: auto;
}
@media (min-width: 768px){
    .indexMovHeader03{
        width: 100%;
        margin: 0 auto;
        display: none;
    }
    .indexMovHeader03 video{
        width: 100%;
        height: auto;
    }
.cc-indexpage .indexMovHeader03{
    display: none;
}
}





#meerkat-containe{opacity: 0.6;}
.code {margin-top: 25px;}
.close-meerkat {
	position: absolute;
	display: block;
	height: 14px;
	width: 14px;
	background: url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/close.png?t=1597151973) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9000px;
	z-index: 1000;
}
.dont-show {
	position: absolute;
	display: block;
	height: 18px;
	width: 160px;
	text-align: right;
	cursor: pointer;
	z-index: 1000;
	color: #FFFFFF;
}
a.dont-show:hover {color:#FFF;}
.adsense {z-index: 500;}
.meerkat {
	color: #FFF;
	display: none;
}
.pos-bot .adsense {
	width: 267px;
	height: 200px;
	position: absolute;
	left: 50%;
	margin-left: -133px;
}
.pos-bot .adsense {top: 30px;}
.pos-bot .close-meerkat {right: 10px; bottom: 10px;}
.pos-bot .dont-show {right: 60px; bottom: 10px;}


@media (max-width: 767px) {
.code {margin-top: 25px;}
.close-meerkat {
	position: absolute;
	display: block;
	height: 14px;
	width: 14px;
	background: url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/close.png?t=1597151973) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9000px;
	z-index: 1000;
}
.dont-show {
	position: absolute;
	display: block;
	height: 18px;
	width: 160px;
	text-align: left;
	cursor: pointer;
	z-index: 1000;
	color: #FFFFFF;
}
a.dont-show:hover {color:#FFF;}
.adsense {z-index: 500;}
.meerkat {
	color: #FFF;
	display: none;
}
.pos-bot .adsense {
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	margin-left: 0;
}
.pos-bot .adsense img{
	width: auto;
	height: 160px;
}
.pos-bot .adsense {top: 10px;}
.pos-bot .close-meerkat {right: 10px; bottom: 10px;}
.pos-bot .dont-show {left: 10px; bottom: 10px;}
}



@media (max-width: 767px) {

body { background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/body.png?t=1323089696); padding:0 0 120px !important;  }

#nav-drawer {
  position: relative;
height:30px;
width:27px;
background:#FFF;
margin-bottom:0px;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content ul {
margin:20px 0 0;
padding:0 20px;
}
#nav-content ul ul {
margin:0 0 0;
padding:0 0 0 20px;
}

#nav-content ul li {
list-style:none;
margin:0;
line-height:30px;
border-top:dashed 1px #C0C0C0;
}
#nav-content ul li a {
display:block;
text-decoration:none;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#divMenuSp { 
/*
position: fixed;/*ヘッダーを固定*/
z-index: 9999;/*一番前に表示*/
top: 0;/*画面の一番上で固定*/
left:0;/*画面の一番左で固定*/
right:0;/*画面の一番右で固定*/
*/
width: 100%;/*横幅いっぱいに表示*/
box-shadow: 0px 1px 2px gray;/*影を付ける*/
}
#divMenuSp ul { list-style:none; height:80px; width:100%;  margin:0 -1px 0 0; padding:0; background:#000; }
#divMenuSp ul li { float:left; width:33.1%; border-right:1px dotted #C0C0C0;}
#divMenuSp ul li.liLower {border-top:1px dotted #C0C0C0;}
#divMenuSp ul li a { display:block; background:#000; color:#FFF; font-size:9px; text-decoration:none; text-align:center; line-height:40px;}


.cc-indexpage #divImage { display:none; /* height:240px; background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/imgheadtoyota191106.jpg?t=1573019152) no-repeat center center; background-size:contain; */
}

#divImageSp { display:none; }
.cc-page-index #divImageSp { display:block; }


#divHead .divHeadLogo img,
#divHead .divReason,
.divHeadMenu img,
.divReason img { display:none; }

#divHeadCont { text-align:center; background:#FFF; }
#divHeadCont img { margin:0px auto; width:210px; height:45px; }
divHeadMenu a { float:left; }

#divMenu { display:none; }


.j-hgrid .cc-m-hgrid-column { width:100% !important; float:none; }
.j-imageSubtitle { text-align:center !important; }
.j-imageSubtitle img { display:block !important; margin:10px auto !important; float:none !important;  }

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#divContDesc { padding:5px; background:#F0F0F0; clear:both; font-size:14px !important;  }
#content_area { border:1px solid #COCOCO; padding:15px; background:#FFFFFF; }
body #content_area h1,
body #content_area h2,
body #content_area h3,
body #content_area p,
body #content_area li,
body #content_area th,
body #content_area td { font-size:14px !important; }

#divContMaps { padding:30px 10px; background:#FFF; }
#divContMaps img { width:100%; }

#divContNavi,
#divLinks,
#divFoot,
#divFunction { display:none; }
}



@media (min-width: 768px) {



body { background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/body.png?t=1323089696); text-align:center; block;}
/**/
.cc-indexpage #divImage { position:relative; width:1040px; height:480px; background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/imgheadtoyota191106.jpg?t=1573019152) #FFF; margin:0 auto; text-align:left; }
/**/

#divMenuSp { display:none; }
#divImageSp { display:none; }
#nav-drawer { display:none; }

#divHead { display:none; width:980px; height:480px; margin:-480px auto 0; text-align:left; }
.cc-indexpage #divHead { position: relative; z-index: 0; display:block; }

.divHeadLogo { width:500px; float:left; }
.divHeadLogo img { float:left; }


.cc-indexpage .divReason a {position: absolute; display: block; z-index: 1; height: 280px; width: 280px; left: 0px; top: 170px; }
.cc-indexpage .divPamphlet a {position: absolute; display: block; z-index: 1; height: 52px; width: 414px; left: 575px; top: 39px; }
.nodisp { display:none;}

#divHeadCont { display:block; height:60px; margin:0 auto 0; text-align:left; }
#divHeadContPad { width:1040px; height:60px; background:#FFF; margin:0 auto; text-align:left; }
.cc-indexpage #divHeadCont { display:none; }

.divHeadMenu { width:190px; float:right;  }
.divHeadLogo a { display:block; float:left; }
.divHeadMenu a { display:block; float:left; margin-left:7px; }
/**/
#divMenu { background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/divmenu.png?t=1323089910); height:60px; }
#divMenuPad { width:1040px; background:#FFF; margin:0 auto; text-align:left; }
#divMenu ul { list-style:none; margin:0; padding:0; }
#divMenu ul li { float:left; }

/**/
#divCont { width:1040px; padding:20px 0; background:#FFF; margin:0 auto; text-align:left; }
#divContNavi { width:250px; float:right; }
#mainNav1 { list-style:none; padding:0 0 10px; margin:0 10px 0 0; }
#mainNav1 li { line-height:0; }
#mainNav1 li li { line-height:20px; margin-bottom:5px; }
#mainNav1 li a { display:none; color:#FFF; padding:4px; background:#000; text-decoration:none; }
#mainNav1 li a.current { color:#FFF; background:#800000; }
#mainNav2 { list-style:none; margin:5px 0; padding:0 0 0 3px; border-left:2px solid #ff8080; }
#mainNav2 a { display:block !important; }
/**/
#divContDesc { width:760px; float:left; }
#content_area {padding:20px;}
/**/ html #content_area h1 { background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/h1.png?t=1323152459) no-repeat; margin:0 0 0 -15px; padding:0 0 0 35px; line-height:48px; height:48px; }
/**/ html #content_area h2 { color:#800000; margin-top:30px; padding:5px 0; border-top:1px solid #800000; }
/**/ html #content_area p { margin:0 0 10px; line-height:180%;}
/**/ html #content_area li { margin:0 0 5px; list-style:square; }
#divContMaps { clear:both; padding:30px; }

/**/
.j-table table { width:100%; border:2px solid #F0F0F0; border-collapse:collapse; }
.j-table table.tableCenter { text-align:center; }
.j-table table th,
.j-table table td { border-bottom:1px solid #F0F0F0; border-right:1px dotted #F0F0F0; padding:5px; }
.j-table table th { background:#F8F8F8; }
.j-table table thead th,
.j-table table thead td { font-weight:bold; }

.j-table table.tableResult { margin-bottom:20px; }
.j-table table.tableResult th { text-align:center; font-size:14px; background:#800000; color:#FFF; width:60px; }
.j-table table.tableResult td { text-align:center; font-size:20px; font-family:serif; }
.j-table table.tableResult td.tdDetail { font-size:10px; width:140px; }

.j-table table.tableLesson {  }
.j-table table.tableLesson thead { text-align:center; }
.j-table table.tableLesson th ,
.j-table table.tableLesson td { font-size:10px; border-bottom:1px dotted #808080; }

.j-downloadDocument { border-top:1px dashed #D8D8D8; padding:15px 0 !important; }
.j-downloadDocument .rightDownload { color:#COCOCO; line-height:20px; }
.j-downloadDocument .rightDownload strong { font-size:16px; background:#F0F0F0; line-height:20px; }
.j-downloadDocument .rightDownload a { background:#F0F0F0; text-decoration:none; }
.j-downloadDocument .rightDownload a:hover { background:#1B74FF; color:#FFF; }

.j-comment {}
.j-comment h2 { display:none !important; }
.j-comment .com-meta { line-height:18px; }
.j-comment .com-meta strong { font-size:18px; }
.j-comment .com-meta span { display:inline; }
.j-comment .com-meta span em { font-style:normal; }



/**/
#divLinks { background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/divlinks.png?t=1323089915); clear:both; height:160px; }
#divLinksPad { width:1040px; background:#FFF; margin:0 auto; text-align:left; }
#divLinksPad ul { list-style:none; margin:0; padding:0; }
#divLinksPad ul li { float:left; }

/**/
#divFoot { background:url(https://u.jimcdn.com/cms/o/s0d81bf198b1a99ae/userlayout/img/divfoot.png?t=1323089921); }
#divFootPad { width:1040px; background:#CCCCB2; margin:0 auto; text-align:left; }
#divFoot table { margin:0; padding:0; border:10px solid #CCCCB2; }
#divFoot table td { width:25%; vertical-align:top; border-left:1px solid #C2C2A9; padding:10px; }
#divFoot table td.tdFirst { border-left:none; }
#divFoot table h5 { font-size:12px; margin-bottom:5px; }
#divFoot table ul { margin:0; padding:0 0 0 13px; list-style:square; }
#divFoot table td li,
#divFoot table td p { font-size:10px; margin:0 0 5px;}


/**/
#divFunction { width:1040px; background:#FFF; margin:0 auto; text-align:left; }
#divFunction div#contentfooter { padding:10px; width:auto; }
#divFunction div#contentfooter .leftrow { width:320px; }
#divFunction div#contentfooter .rightrow { width:320px; }
#divFunction a { color:#000; }

/* メンバーライフ 費用一覧 テーブル用 */
html #content_area table.table_cost tbody tr td p { margin:0; }
html #content_area .style_cost { text-align:center; background-color:#CCCCB2; }
html #content_area .style_yen { text-align:center; }

/* メンバーライフ 費用一覧 各支部の講師陣はこちら */
html #content_area table.staff_link tbody tr td { margin:0 !important; padding:0 !important; border:none !important; }

/* 後藤追加分 */
.mikawaLink{display:none;}
.cc-indexpage .mikawaLink{display:block; margin:-20px 0 0 25px;}

}