@charset "utf-8";
h1{position:relative;color:#fff;background:#3ab4c1;padding:.7em .5em .5em 2em;font-weight:bold;border-bottom:#e0dbb5 solid 6px}
h1:before{position:absolute;left:.5em;content:'';display:inline-block;background-image:url(/images/common/logo_catch.png);background-size:contain;vertical-align:middle}
.ttl01{position:relative;padding:0 0 .2em 1.5em;font-size:.875rem;font-weight:bold}
.ttl01:after{position:absolute;top:0;left:0;z-index:2;content:'';width:11px;height:11px;border:3px solid #e68989;border-radius:100%}
.big{font-size:1rem;font-weight:bold}.marl{margin:5%}
/* ----------------------------------------------------------------------------
//768px以下（SP用）
---------------------------------------------------------------------------- */
@media screen and (max-width:768px){
h1{font-size:5.5vw;line-height:1.5}
h1:before{top:.7em;width:25px;height:25px}
.underlayerContent{margin-top:4%;padding:2% 0 7%;background:#fff;border-top:5px solid #6bc7d1;color:#333}
.h2_01{font-weight:bold;font-family:"system-ui";font-size:1.5rem;text-align:center;color:#326fbe;letter-spacing:2px;line-height:1.8rem;margin-bottom:30px}
.h2_04{font-weight:bold;font-family:"system-ui";font-size:1.5rem;text-align:center;color:#3D9FE8;letter-spacing:2px;line-height:1.8rem;margin-bottom:30px}
.h2_05{font-weight:bold;font-family:"system-ui";font-size:1.2rem;text-align:center;color:#3D9FE8;letter-spacing:2px;line-height:1.8rem;margin-top:54px}
.h2_06{font-weight:bold;font-family:"system-ui";font-size:1.5rem;text-align:center;color:#90C4E0;letter-spacing:2px;line-height:1.8rem;margin-bottom:30px}
.h2_07{font-weight:bold;font-family:"system-ui";font-size:1.2rem;text-align:center;color:#90C4E0;letter-spacing:2px;line-height:1.8rem;margin-top:54px}
.h2_02{display:flex;align-items:center;justify-content:center;font-family:"system-ui";font-size:1.25rem;letter-spacing:1px;font-weight:bold;color:#4a4a4a}
.h2_02:before,.h2_02:after{border-top:1px solid;content:"";width:28%}
.h2_02:before{margin-right:1em}
.h2_02:after{margin-left:1em}
.a-h201{color:#646047;background:url(/images/lesson/icon_article_tit.png) left center no-repeat;padding:5px 10px 5px 30px;margin:0 2%;position:relative;font-weight:bold;font-size:1.25rem}
.a-h201:after{content:'';width:100%;height:3px;background:url(/images/lesson/bg_article_tit.jpg) left bottom repeat-x;position:absolute;bottom:-3px;left:0;display:inline-block}
.yellow{background-color:yellow}
.comic_area{text-align:center;padding:50px 2px}
.small{font-size:.8125rem}
.ptxt{font-size:.875rem;letter-spacing:1px;line-height:1.4rem;margin:20px 10px}
/*---合宿免許教習所を探してみよう！---*/
.link_area{display:flex;flex-direction:column;align-items:center;margin:50px 5% 0}
.link_area p{font-size:.875rem;letter-spacing:2px;font-weight:bold;margin-bottom:10px;color:#4a4a4a}
.link_school{margin-bottom:20px}
.link_info a:hover img{opacity:0.7}
.link_info img{margin-bottom:10px}
/*---リード文---*/
.read_box{background:url(../../images/car/tokushu/junchu_comic/content_bg.png)left top/8px 8px repeat;padding:5px 0;margin:30px 3% 0}
.read_box .read_text{display:block;font-size:.875rem;margin:0 auto;text-align:center;width:97%;background-color:#fff;line-height:1.5rem;padding:20px 0}
.read_text .bold{font-weight:bold}
/*+++++++++++++++++漫画吹き出し++++++++++++++++*/
.img_box01,.img_box02,.img_box03,.img_box04,.img_box05,.img_box06{position:relative;text-align:center}
.img_box01 li,.img_box02 li,.img_box03 li,.img_box04 li,.img_box05 li,.img_box06 li{position:absolute;font-size:3.4vw;color:#3d3d3d;writing-mode:vertical-rl;text-orientation:upright;text-align:left;font-family:auto;line-height:117%}
.img_box01 .box01_1{top:2%;right:2.7%}
.img_box01 .box01_2{top:2%;right:21%}
.img_box01 .box01_3{top:2%;left:3%}
.img_box01 .box01_4{top:26%;right:4%}
.img_box01 .box01_5{top:27%;left:4%}
.img_box01 .box01_6{top:51%;right:27%}
.img_box01 .box01_7{top:52%;left:3%}
.img_box01 .box01_8{top:77%;right:3%}
.img_box01 .box01_9{top:77%;left:2%}
.img_box02 .box02_1{top:1%;right:5%}
.img_box02 .box02_2{top:1%;left:4%}
.img_box02 .box02_3{top:18%;right:4%}
.img_box02 .box02_4{top:17.1%;left:3%;font-size:3.2vw}
.img_box02 .box02_5{top:34%;right:3%}
.img_box02 .box02_6{top:34%;left:3%}
.img_box02 .box02_7{top:51%;right:3%}
.img_box02 .box02_8{top:50.2%;right:19%}
.img_box02 .box02_9{top:51%;left:5%}
.img_box02 .box02_10{top:67%;right:4%;font-size:3.3vw}
.img_box02 .box02_11{top:66.8%;right:30%;font-size:3.1vw}
.img_box02 .box02_12{top:67%;left:3%}
.img_box03 .box03_1{top:1.8%;right:2%}
.img_box03 .box03_2{top:1.7%;right:15%}
.img_box03 .box03_3{top:1.3%;left:3%}
.img_box03 .box03_4{top:26.5%;right:2%}
.img_box03 .box03_5{top:26.2%;left:2%}
.img_box03 .box03_6{top:50.8%;right:3%;font-size:3.2vw}
.img_box03 .box03_7{top:50.7%;left:4%;font-size:3.2vw}
.img_box03 .box03_8{top:75.6%;right:3%;font-size:3.2vw}
.img_box03 .box03_9{top:76%;left:2%}
.img_box04 .box04_1{top:2%;right:5%}
.img_box04 .box04_2{top:3%;left:3%}
.img_box04 .box04_3{top:51%;right:3%}
.img_box04 .box04_4{top:51%;right:17%;font-size:3.2vw}
.img_box04 .box04_5{top:51.5%;left:3%;font-size:3.2vw}
.redd{font-size:3.5vw;color:red;font-weight:bold;font-family:auto}
.boldd{font-weight:bold;font-size:3.5vw}
.text-combine{text-combine-upright:all;-ms-text-combine-horizontal:all}
.kome{padding-left:1em;text-indent:-1em}
/*---就職で差がつく！準中型免許に注目！---*/
.container{max-width:96%;margin:auto}
.box{display:flex;flex-direction:column;background-color:#fff;border:2px solid #0070c0;margin-bottom:34px;box-shadow:0 2px 1px rgba(0,0,0,0.1);padding:20px 3%}
.point_img{width:66%;margin:0 auto}
.content{padding:16px 5px;flex:1;position:relative}
.content h3{margin:7px 0 25px 75px;font-size:1.125rem;color:#5884a4;font-weight:bold;position:relative}
.content h3:before{position:absolute;content:'';top:-13px;left:-81px;background:url(../../images/car/tokushu/junchu_comic/icon_point.png);width:76px;height:56px}
.content p{line-height:1.6;font-size:.875rem;color:#333;margin:0 10px}
.point-tx{font-size:.875rem;line-height:1.4rem}
.bold{font-weight:bold}
/*---免許種類別比較表～---*/
.ovf_scroll{width:auto;overflow-x:scroll}
.info_table th:first-child,.info_table td:first-child{position:sticky;left:0;background:#fff;z-index:1}
.info_table tr th:nth-child(1):before{content:'';position:absolute;left:-1px;top:0;width:100%;height:100%;border-left:1px solid #1565b5;border-right:1px solid #1565b5}
.info_table{width:580px;margin:0 1% 7%;font-size:.8125rem}
.info_table td{padding:10px 5px;line-height:1.5rem}
.info_table th,.info_table td{border:#1565b5 solid 1px;vertical-align:middle}
.info_table .sblue{background-color:#f4fdff}
.h3_01{font-weight:bold;font-family:"system-ui";font-size:1.125rem;text-align:center;color:#e5a345;letter-spacing:.125rem;margin-top:40px}
.h3_02{font-weight:bold;font-family:"system-ui";font-size:1.125rem;text-align:center;color:#8bc122;letter-spacing:.125rem}
.osusume{margin-top:15px;text-align:center;padding-bottom:50px}
/*--- 合宿免許で準中型免許を取得した方へインタビュー～---*/
.pro{margin:9px;padding:13px 10px;background:#fffef6;border:#d9d9d9 1px solid}
.pro_ttl{font-weight:600;font-size:1rem;color:#7b7269;border-bottom:#d9d9d9 1px dashed;padding-bottom:10px;text-align:center;letter-spacing:1px}
.pro_flex{display:flex;margin-top:9px;flex-direction:column;align-items:center}
.pro_flex img{width:36%}
.pro_txt p{margin:5px 4px;font-size:.875rem}
.qa-item{display:flex;align-items:flex-start;margin-bottom:18px;position:relative}
.qa-item.user{flex-direction:row}
.qa-item.instructor{flex-direction:row-reverse}
.icon{margin:0 1%}
.Que{color:#434343;margin:6% 2% 2%;font-size:.875rem;font-weight:bold}
.bubble{background-color:#f3f3f3;border-radius:8px;padding:14px 10px;width:86%;position:relative;font-size:.875rem;line-height:1.6;margin:1% 1% 0}
.bubble::before{content:"";position:absolute;top:21px;left:-21px;border:13px solid transparent;border-right-color:#f3f3f3}
/*--- 普通二輪免許について知りたい方はこちら---*/
.content_bg{background:url(../../images/manga/content_bg.jpg)left top /8px 8px repeat;text-align:center;padding:2px 2% 46px}
/*準中型の合宿免許実施校一覧*/
.bInner02{padding:5% 2% 0}
.bInner02 li{position:relative;padding:10px 0;border-bottom:1px solid #5582c5;font-size:14px;font-size:.875rem}
.bInner02 li a{display:table;width:100%;height:100%;position:relative}
.bInner02 li a:before{position:absolute;content:"";background:url(/images/benefit02/sankaku.png) right bottom no-repeat;background-size:contain;bottom:-3px;right:0;height:10px;width:10px}
.bInner02 .photo{display:table-cell;width:30%}
.bInner02 .text{display:table-cell;padding-left:10px;vertical-align:middle;font-size:16px;font-size:1rem}
.bInner02 .icon{position:absolute;bottom:4px;right:4px;width:8px;height:8px}
.bInner02 .item{background:#bae4fe;font-weight:700;font-size:16px;font-size:1rem}
.bInner02 .textArea02{margin-top:10px}
/*コラム部分*/
.extraLessonArea-archive{padding:0 3%;margin-bottom:10%}
.extraLessonArea-archive-list li{padding:4% 0;border-bottom:1px dotted #999}
.extraLessonArea-archive-list-photo{width:30%;float:left}
.extraLessonArea-archive-list-tx{width:67%;float:right}
.extraLessonArea-archive-list-tag{display:inline-block;font-size:12px;font-size:.75rem;padding:0 2%}
.extraLessonArea-archive-list-tag a{color:#fff !important}
.extraLessonArea-archive-list-tit{margin-top:2%;font-size:14px;font-size:.875rem;line-height:1.3em}
.extraLessonArea-archive-list-tit a{color:#333 !important}
/* ---------------------------------------------------------------------------- 
//768pxジャスト（ipad用）
---------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:768px){
h1{font-size:4vw;line-height:1.5}
h1:before{top:.7em;width:40px;height:40px}
html{font-size:2.7vw}
/*---リード文斜線囲み---*/
.read_box{padding:8px 0;margin:30px 14%}
/*---免許種類別比較表～---*/
.yajirushi{display:none}
.info_table{width: 750px}
/*---合宿免許教習所を探してみよう！---*/
.link_info{margin:0 133px}
/*---【.h2_02】のタイトル---*/
.h2_02:before,.h2_02:after{width:34%}
}}
/* ----------------------------------------------------------------------------
//768px以上（PC用）
---------------------------------------------------------------------------- */
@media print,screen and (min-width:769px){
h1{font-size:24px;font-size:1.5rem;line-height:1.3}
h1:before{top:.5em;width:30px;height:30px}
.h2_01{font-weight:bold;font-family:"system-ui";font-size:1.8rem;text-align:center;color:#326fbe;letter-spacing:.125rem;margin-bottom:30px}
.h2_04{font-weight:bold;font-family:"system-ui";font-size:1.8rem;text-align:center;color:#3D9FE8;letter-spacing:.125rem;margin-bottom:30px}
.h2_05{font-weight:bold;font-family:"system-ui";font-size:1.2rem;text-align:center;color:#3D9FE8;letter-spacing:.125rem;margin-top:50px}
.h2_06{font-weight:bold;font-family:"system-ui";font-size:1.8rem;text-align:center;color:#90C4E0;letter-spacing:.125rem;margin-bottom:30px}
.h2_07{font-weight:bold;font-family:"system-ui";font-size:1.2rem;text-align:center;color:#90C4E0;letter-spacing:.125rem;margin-top:50px}
.h2_02{display:flex;align-items:center;justify-content:center;font-family:"system-ui";font-size:1.5rem;letter-spacing:3px;font-weight:bold;color:#4a4a4a;margin:0 15px}
.h2_02:before,.h2_02:after{background-color:#4a4a4a;border-radius:5px;content:"";flex-grow:1;height:2px}
.h2_02:before{margin-right:30px}
.h2_02:after{margin-left:30px}
.a-h201{color:#646047;background:url(/images/lesson/icon_article_tit.png) left center no-repeat;padding:5px 10px 5px 30px;margin:0 20px;position:relative;font-weight:bold;font-size:1.5rem}
.a-h201:after{content:'';width:100%;height:3px;background:url(/images/lesson/bg_article_tit.jpg) left bottom repeat-x;position:absolute;bottom:-3px;left:0;display:inline-block}
.yellow{background-color:yellow}
.underlayerContent{margin-top:15px;padding:20px 0;background:#fff;border-top:5px solid #6bc7d1;color:#333}
.top_img{margin-left:20px}
.comic_area{text-align:center;padding:50px 0}
/*---合宿免許教習所を探してみよう！---*/
.link_area{margin:70px 0 30px}
.link_area p{font-size:1rem;font-weight:bold;letter-spacing:3px;margin-bottom:10px;text-align:center;color:#4a4a4a}
a.img_hover{margin:0 auto 20px;background:url(../../images/car/tokushu/junchu_comic/btn_school.png) no-repeat;display:block;width:695px;height:64px}
a:hover.img_hover{background:url(../../images/car/tokushu/junchu_comic/btn_school_hover.png)no-repeat}
.link_info{display:flex;justify-content:space-evenly}
.link_info a:hover img{opacity:0.7}
.ptxt{font-size:.875rem;letter-spacing:1px;line-height:1.6rem;margin:20px}
/*---リード文---*/
.read_box{background:url(../../images/car/tokushu/junchu_comic/content_bg.png)left top /8px 8px repeat;padding:8px 0;margin:50px 55px 30px}
.read_box .read_text{display:block;font-size:.875rem;margin:0 auto;text-align:center;width:90%;background-color:#fff;line-height:1.6rem;padding:30px 23px}
.read_text .bold{font-weight:bold}
/*+++++++++++++++++漫画吹き出し++++++++++++++++*/
.img_box01,.img_box02,.img_box03,.img_box04,.img_box05,.img_box06{position:relative;text-align:center}
.img_box01 li,.img_box02 li,.img_box03 li,.img_box04 li,.img_box05 li,.img_box06 li{position:absolute;line-height:1.5rem;font-size:20px;color:#3d3d3d;writing-mode:vertical-rl;text-orientation:upright;text-align:left;font-family:auto}
.img_box01 .box01_1{top:22px;right:64px}
.img_box01 .box01_2{top:26px;right:188px}
.img_box01 .box01_3{top:34px;left:68px}
.img_box01 .box01_4{top:271px;right:69px}
.img_box01 .box01_5{top:281px;left:73px}
.img_box01 .box01_6{top:524px;right:224px}
.img_box01 .box01_7{top:545px;left:70px}
.img_box01 .box01_8{top:791px;right:72px}
.img_box01 .box01_9{top:789px;left:62px}
.img_box02 .box02_1{top:25px;right:83px}
.img_box02 .box02_2{top:26px;left:71px}
.img_box02 .box02_3{top:280px;right:66px;line-height:27px}
.img_box02 .box02_4{top:272px;left:64px}
.img_box02 .box02_5{top:536px;right:64px}
.img_box02 .box02_6{top:534px;left:69px}
.img_box02 .box02_7{top:789px;right:64px}
.img_box02 .box02_8{top:783px;right:171px}
.img_box02 .box02_9{top:786px;left:75px}
.img_box02 .box02_10{top:1035px;right:70px}
.img_box02 .box02_11{top:1033px;right:248px}
.img_box02 .box02_12{top:1035px;left:81px}
.img_box03 .box03_1{top:25px;right:60px}
.img_box03 .box03_2{top:27px;right:152px}
.img_box03 .box03_3{top:24px;left:66px}
.img_box03 .box03_4{top:282px;right:65px}
.img_box03 .box03_5{top:281px;left:60px}
.img_box03 .box03_6{top:528px;right:68px}
.img_box03 .box03_7{top:528px;left:67px}
.img_box03 .box03_8{top:779px;right:68px}
.img_box03 .box03_9{top:782px;left:63px}
.img_box04 .box04_1{top:23px;right:78px}
.img_box04 .box04_2{top:22px;left:73px}
.img_box04 .box04_3{top:276px;right:66px}
.img_box04 .box04_4{top:271px;right:158px}
.img_box04 .box04_5{top:272px;left:64px}
.boldd{font-weight:bold;font-size:21px}
.text-combine{text-combine-upright:all;-ms-text-combine-horizontal:all}
.kome{padding-left:1em;text-indent:-1em}
/*---就職で差がつく！準中型免許に注目！---*/
.container{max-width:700px;margin:auto}
.box{display:flex;background-color:#fff;border:2px solid #0070c0;margin-bottom:34px;box-shadow:0 2px 1px rgba(0,0,0,0.1)}
.content h3{margin:24px 5px 24px 85px;font-size:1.125rem;color:#5884a4;font-weight:bold;position:relative}
.content h3:before{position:absolute;content:'';top:-15px;left:-79px;background:url(../../images/car/tokushu/junchu_comic/icon_point.png);width:76px;height:56px}
.content p{line-height:1.6;font-size:.875rem;color:#333;margin:-12px 17px 0 84px}
.point-tx{font-size:.875rem;line-height:1.4rem}
.bold{font-weight:bold}
/*---免許種類別比較表～---*/
.bg{background-color:#fffdf1;margin:0 20px;padding:1px 15px 50px}
.info_table{margin:4% auto 10%;font-size:.8125rem;width:740px;font-family:system-ui}
.glaf_img{text-align:center}
.info_table th{text-align:left}
.info_table th,.info_table td{border:#1565b5 solid 1px;padding:4px 6px;vertical-align:middle}
.info_table .sblue{background-color:#f4fdff}
.info_table .swhite{background-color:#fff}
/*--- 準中型について知りたい方はこちら---*/
.content_bg{background:url(../../images/manga/content_bg.jpg)left top/8px 8px repeat;padding:2px 20px 66px}
/*--- 合宿免許で準中型免許を取得した方へインタビュー～---*/
.pro{margin:30px;padding:20px;background:#fffef6;border:#d9d9d9 1px solid}
.pro_ttl{font-weight:600;font-size:1rem;color:#7b7269;border-bottom:#d9d9d9 1px dashed;padding:0 0 10px 2px;letter-spacing:1px}
.pro_flex{display:flex;margin-top:20px}
.pro_txt p{margin:4px 20px;font-size:.875rem}
.qa-item{display:flex;align-items:center;margin-bottom:18px;position:relative}
.qa-item.user{flex-direction:row}
.icon{margin:0 18px 0 24px}
.Que{color:#434343;margin:36px 0 20px 30px;font-size:.875rem;font-weight:bold}
.bubble{background-color:#f3f3f3;border-radius:5px;padding:18px 19px;max-width:570px;position:relative;font-size:.875rem;line-height:1.;width:100%}
.bubble::before{content:"";position:absolute;top:21px;left:-21px;border:13px solid transparent;border-right-color:#f3f3f3}
/*準中型の合宿免許実施校一覧*/
.bInner02{display:table;width:100%;padding:20px}
.bInner02 .cell{display:table-cell;width:50%}
.bInner02 .schoolList + .schoolList{margin-top:10px}
.bInner02 li{line-height:28px}
.bInner02 .item{font-size:16px;font-weight:700}
.bInner02 .data{list-style-image:url(/images/benefit02/yajirushi01.png);margin-left:12px;font-size:.8125rem}
.bInner02 .schoolList li a .text{display:inline;vertical-align:middle}
.bInner02 .schoolList2 + .schoolList2{margin-top:10px}
/*コラム部分*/
.extraLessonArea-archive{padding:0 30px;margin-bottom:50px}
.extraLessonArea-archive-list li{width:163px;padding:25px 0 0;float:left}
.extraLessonArea-archive-list li.gs{width:223px}
.extraLessonArea-archive-list li img{width:100%}
.extraLessonArea-archive-list li:not(:first-of-type){margin-left:15px}
.extraLessonArea-archive-list-tag{margin-top:5px;padding:0 5px;display:inline-block;font-size:12px;font-size:.75rem}
.extraLessonArea-archive-list-tag a{color:#fff !important}
.extraLessonArea-archive-list-tit{margin-top:5px;font-size:14px;font-size:.875rem;font-weight:bold;line-height:1.3em}
.extraLessonArea-archive-list-tit a{color:#333 !important}
}