@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}
.mainbox{padding:15px 0}
.a-h201{color:#646047;background:url(/images/couple/icon_article_tit.png) left center no-repeat;padding:5px 10px 5px 30px;position:relative;font-weight:bold}
.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}
.c-txtBox01{margin-top:15px;font-size:14px;font-size:.875rem;line-height:1.7}
.ttl01{position:relative;padding:1em 0 .2em 1.5em;font-size:16px;font-size:1rem;font-weight: bold;}
.ttl01:after{position:absolute;top:1em;left:0;z-index:2;content:'';width:13px;height:13px;border:3px solid #fd6d50;border-radius:100%}
.T-Orange{background:#ff7800;display:inline-block}
.T-Green{background:#359015;display:inline-block}
.T-Mc{background:#3ab4c1;display:inline-block}
.T-Blue{background:#3755d6;display:inline-block}
.T-Pink{background:#ff6161;display:inline-block}
.T-Yellow{background:#e2e202;display:inline-block}
.T-Gray{background:#C0C0C0;display:inline-block}
.T-Purple{background:#F0F;display:inline-block}
.T-Red{background:#F00;display:inline-block}
.T-Lb{background:#0FF;display:inline-block}
.a-h202{position:relative;margin:1rem -10px;padding:1rem 2rem;background:#ed8e27;border-radius:5px 5px 0 0;font-size:20px;font-size:1.25rem;font-weight:700;color:#fff}
.a-h202:before,.a-h202:after{position:absolute;content:''}
.a-h202:before{bottom:-10px;left:0;width:0;height:0;border-top:10px solid #fe8a16;border-left:10px solid transparent}
.a-h202:after{right:0;bottom:-10px;width:0;height:0;border-top:10px solid #fe8a16;border-right:10px solid transparent}
.a-point{position:relative;top:-3px;left:-10px;padding:10px 20px;width:50px;height:50px;line-height:30px;border-radius:50%;text-align:center;color:#fe8a16;font-size:12px;font-size:.75rem;background-color:#fff;font-weight:700}
.a-point:before{content:'';position:absolute;display:block;width:0;height:0;bottom:2px;border-right:20px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;transform: rotate(-45deg)}
.cplIntro{position:relative;background-color:#ffc4c4;padding:10px;color:#333;margin-top:20px}
.cplIntro::before{content:'';position:absolute;border:12px solid transparent;border-bottom:12px solid #ffc4c4;top:-24px;left:50%}
.cplIntro p{font-size:13px;font-size:.8125rem;line-height:1.7;padding:5px}
/* ---------------------------------------------------------------------------- 
//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}
.a-h201{font-size:20px;font-size:1.25rem;margin:0 auto;background-size:5%;padding-left:6%}
.a-h201:after{height:2px;background-size:.5%;bottom:-7px}
.a-h301{margin:5% auto 4%;padding:3% 0 3% 2%;background:#3ab4c1;border-left:8px solid #e4e2c3;color:#fff;font-size:16px;font-size:1rem;font-weight:bold;display:block}
.underlayerContent{margin-top:4%;padding:2% 3% 7%;background:#fff;border-top:5px solid #6bc7d1}
.c-mainvisual{margin-top:15px;text-align:center;padding-bottom:10px}
.c-txtBox01{margin-bottom:25px}
/*教習所一覧*/
.allsc{color:#333}
.allsc a:hover{text-decoration:none}
.descpoint{font-size:17px;font-size:1.0625rem;font-weight:bold;position:relative;bottom:12px;background:#fff;padding:0 10px 0 45px;color:#4d4d4d;width:145px}
.descpoint:before{content:'';position:absolute;width:19px;height:30px;left:1em;bottom:.1em;display:inline-block;background-image:url(/images/jisui/ptlight.png);background-size:contain;vertical-align:middle}
.gray{position:relative;font-weight:bold;font-size:.875rem;padding:.2em .5em .4em 2em;margin-bottom:8px}
.gray:before, .gray:after{position:absolute;content:'';border-radius:100%}
.gray:before{top:.2em;left:.1em;z-index:2;width:18px;height:18px;background:rgba(150,150,150,.5)}
.gray:after{top:.7em;left:.7em;width:13px;height:13px;background:rgba(210,210,210,.5)}
.scimgwrap{display:block;width:200px;margin:5% auto}
.scdescwrap{margin:10% auto 15%;border:3px solid #fd6d50;padding:0 5% 5% 4%;font-size:14px;font-size:.875rem;border-radius:5px}
.scdescwrap ul{padding:0 0 0 3%}
.scdescwrap li{padding-left:1em;text-indent:-1em;list-style:none;margin:0;padding:0}
.scdescwrap li:before{content:"";width:10px;height:10px;display:inline-block;background-color:#f44336;border-radius:50%;position:relative;top:-1px;margin-right:5px}
.tbl01{display:inline-table;width:100%;table-layout:fixed}
.tbl02{display:inline-table;width:100%}
.tbl02 td:nth-child(1){width:50%}
.tbl02 td:nth-child(2){width:25%}
.tbl02 td:nth-child(3){width:25%}
.tablewrap{display:block}
.tablewrap td,th{border:1px solid #c4c4c4;text-align:center;vertical-align:middle;font-size:14px;font-size:.875rem}
.tablewrap th{background:#f1f1f1;font-weight:bold}
.tablewrap td{padding:3px 2px}
.c-box01{padding-bottom:25px;background-color:#fff}
.c-box01In01{margin-top:-20px}
/*-------------------------------*/
.p-qa{background-color:#ffead5;border-radius:6px;padding:3px 5px 2px 10px;margin:30px 0 20px}
.p-qa dt{font-size:16px;font-size:1rem;font-weight:500;padding:3px 4px 0 30px;margin-bottom:5px;background-image:url(/images/common/icn_q.svg);background-repeat:no-repeat;background-position:left 5px}
.p-qa dt.is-active{background-image:url(/images/common/icn_q.svg), url(/images/common/icn_link_top02.svg)}
.p-qa dd{font-size:14px;font-size:.875rem;padding:15px 5px 10px 30px;border-top:2px solid #fff;background-image:url(/images/common/icn_a.svg);background-repeat:no-repeat;background-position:left 18px}
.p-qa:last-child{margin-bottom:50px}
/*コラム部分*/
.futsusya-column{border-bottom:1px dotted #333;padding-bottom:5%;margin:4% 3% 0;background:url(/images/common/arrow_s_bottom.png) no-repeat;background-position-x:99%;background-position-y:95%}
.futsusya-column img{width:36%;display:inline-block}
.futsusya-column p{display:inline-block;width:60%;font-weight:bold;padding-left:2%;font-size:14px}
.futsusya-column a:link{color:#636363}
.futsusya-column a:visited{color:#636363}
.futsusya-column-box{border-radius:5px;margin:8% auto;background:#3ab4c1;padding:15px 0;display:block;text-align:center;width:100%;font-size:16px;font-size:1rem}
.futsusya-column-box a{color:#fff}
.futsusya-column-box a:visited{color:#fff}
.extraLessonArea{position:relative}
.extraLessonArea-tit{width:96%;margin:0 auto;padding-top:28%;background:url(/images/school/area/bg_el_sp.png) center 0 no-repeat;background-size:contain}
.extraLessonArea-tit span{position:absolute;top:65%;left:20%;color:#fff}
.extraLessonArea-tit2{width:96%;margin:0 auto;padding-top:28%;background:url(/images/school/area/bg_el_sp.png) center 0 no-repeat;background-size:contain}
.extraLessonArea-tit2 span{position:absolute;top:65%;left:20%;color:#fff}
.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}
.bgGreen{padding:0.5% 3%;background:#359015;color:#fff}
.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}
@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:3vw}
.underlayerContent{padding:0 2% 7%;background:#fff;border-top:5px solid #6bc7d1}
}}
/* ---------------------------------------------------------------------------- 
//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}
.a-h201{font-size:24px;font-size:1.5rem}
.a-h301{margin:30px auto 15px;padding:8px 10px;background:#3ab4c1;border-left:10px solid #e4e2c3;color:#fff;font-size:18px;font-size:1.125rem;font-weight:bold;display:block}
.a-h301 a:hover{text-decoration:none}
.a-h301:hover{opacity:0.7}
.underlayerContent{margin-top:15px;padding:20px;background:#fff;border-top:5px solid #6bc7d1}
.c-mainvisual{margin:15px auto 20px;text-align:center}
.c-txtBox01{margin-bottom:35px}
/*教習所一覧*/
.allsc{color:#333}
.allsc li{margin-bottom:50px}
.allsc a:hover{text-decoration:none}
.descpoint{font-size:17px;font-size:1.0625rem;font-weight:bold;position:relative;bottom:12px;background:#fff;padding:0 10px 0 45px;color:#4d4d4d;width:145px}
.descpoint:before{content:'';position:absolute;width:19px;height:30px;left:1em;bottom:.1em;display:inline-block;background-image:url(/images/jisui/ptlight.png);background-size:contain;vertical-align:middle}
.gray{position:relative;font-weight:bold;font-size:14px;font-size:.875rem;;padding:0 .5em .4em 2.8em;margin-bottom:8px}
.gray:before, .gray:after{position:absolute;content:'';border-radius:100%}
.gray:before{top:0;left:1em;z-index:2;width:18px;height:18px;background:rgba(150,150,150,.5)}
.gray:after{top:.7em;left:.7em;width:13px;height:13px;background:rgba(210,210,210,.5)}
.scimgwrap{display:inline-block;float:left;width:188px;margin:16px 35px 15px 1px}
.scimgwrap img{width:100%;margin-top:4px}
.scdescwrap{margin-left:0;display:inline-block;width:92%;border:3px solid #fd6d50;padding:0 30px 15px 21px;font-size:14px;font-size:.875rem;border-radius:5px}
.scdescwrap li{padding-left:1em;text-indent:-1em;list-style:none;margin:0;padding:0}
.scdescwrap li:before{content:"";width:10px;height:10px;display:inline-block;background-color:#f44336;border-radius:50%;position:relative;top:-1px;margin-right:5px}
.tbl01{display:inline-table;width:100%;table-layout:fixed}
.tbl02{display:inline-table;width:100%}
.tbl02 td:nth-child(1){width:247px}
.tbl02 td:nth-child(2){width:120px}
.tbl02 td:nth-child(3){width:120px}
.tablewrap{margin:0 0 25px;width:496px;float:left}
.tablewrap td,th{border:1px solid #c4c4c4;text-align:center;vertical-align:middle;line-height:1.7;font-size:13px;font-size:.8125rem}
.tablewrap th{background:#f1f1f1;font-weight:bold}
.tablewrap td{padding:3px 2px}
.c-box01{width:707px;margin:0 auto;margin-bottom:25px}
.c-box01In01{float:left;margin-top:-20px}
/*-------------------------------*/
.p-qa{background-color:#ffead5;border-radius:8px;padding:14px 18px 11px 18px;margin-top:15px;margin-bottom:20px}
.p-qa dt{font-size:18px;font-size:1.125rem;padding:0 20px 8px 30px;background-image:url(/images/common/icn_q.svg);background-repeat:no-repeat;	background-position:left 5px}
.p-qa dt.is-active{background-image:url(/images/common/icn_q.svg), url(/images/common/icn_link_top02.svg)}
.p-qa dd{font-size:14px;font-size:.875rem;padding:15px 10px 0 30px;border-top:2px solid #fff;background-image:url(/images/common/icn_a.svg);background-repeat:no-repeat;background-position:left 18px;line-height:1.8}
.p-qa:last-child{margin-bottom:50px}
/*コラム部分*/
.futsusya-column-wrap{display:inline-block;width:100%;height:220px;padding-top:24px}
.futsusya-column{display:inline-block;float:left;width:50%;text-align:center;margin:0 auto}
.futsusya-column p{width:80%;font-size:14px;text-align:center;padding-top:17px;font-weight:bold;margin:0 auto}
.futsusya-column a:link{color:#636363}
.futsusya-column a:visited{color:#636363}
.futsusya-column-box{border-radius:5px;margin:15px auto;background:#3ab4c1;padding:15px 0;display:block;text-align:center;width:60%;font-size:16px;font-size:1rem}
.futsusya-column-box a{color:#fff}
.futsusya-column-box a:visited{color:#fff}
.lady-marker{background:linear-gradient(transparent 75%, #ffc1e0 75%);font-weight:bold}
.limited-space{background:linear-gradient(transparent 32%, #ffe300 75%);width:168px}
.clm-click{display:inline-block;position:relative;bottom:214px;right:116px}
.clm-click:before{content:"";top:0;left:0;border-bottom:4.1em solid transparent;border-left:4.1em solid #3ab4c1;position:absolute;z-index:100}
.clm-click:after{content:"CLICK";display:block;top:9px;transform:rotate(-45deg);color:#fff;left:0px;position:absolute;z-index:101}
.clm-click:hover:before{border-color:red;border-bottom:4.1em solid transparent}
.scdescwrap li:not(:last-child){padding-bottom:2px}
.extraLessonArea{position:relative;left:-10px}
.extraLessonArea-tit{width:727px;height:122px;background:url(/images/school/area/detail/bg_el_pc.png) center 0 no-repeat;background-size:contain}
.extraLessonArea-tit span{position:absolute;top:65%;left:88px;color:#fff;font-size:18px;font-size:1.125rem}
.extraLessonArea-tit2{width:727px;height:122px;background:url(/images/school/area/bg_study_pc.png) 20px 0 no-repeat;background-size:contain}
.extraLessonArea-tit2 span{position:absolute;top:65%;left:88px;color:#fff;font-size:18px;font-size:1.125rem}
.extraLessonArea-archive{padding:0 10px;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}
.extraLessonArea-archive-list-txtx{margin-top:5px;line-height:1.3em}
.extraLessonArea-archive-list-txtx a{color:#727272 !important}
}
@media only screen and (max-width:768px){
.dsTitEast{font-size:20px;font-size:1.25rem;background:url(/images/common/icon_ds_east.png) left center no-repeat;font-weight:bold;padding:5px 0 5px 30px;position:relative}
.dsTitEast span{color:#71bdc5}
.dsTitWest{font-size:20px;font-size:1.25rem;background:url(/images/common/icon_ds_west.png) left center no-repeat;font-weight:bold;padding:5px 0 5px 30px;position:relative}
.dsTitWest span{color:#ef8888}
.dsTitEast:after,.dsTitWest: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}
@media screen and (min-width:768px) and (max-width:768px){
}}
@media print, screen and (min-width:769px){
.dsTitEast{font-size:22px;font-size:1.375rem;background:url(/images/common/icon_ds_east.png) left center no-repeat;font-weight:bold;padding:5px 10px 5px 30px;position:relative}
.dsTitEast span{color:#71bdc5}
.dsTitWest{font-size:22px;font-size:1.375rem;background:url(/images/common/icon_ds_west.png) left center no-repeat;font-weight:bold;padding:5px 10px 5px 30px;position:relative}
.dsTitWest span{color:#ef8888}
.dsTitEast:after,.dsTitWest: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}
}