@charset "UTF-8";

.yellow{
	color:#FCFF2A;
}
.impact{
	font-family:impact;
}

.yi-origin-top-cont{
	display:flex;
	gap: 1.5%;
	padding: 10px;
}
.pc_crs-season-wari{
	padding: 0 10px 10px 10px;
}
.sp_crs-season-wari{
	display: none;
	padding: 0 10px 10px 10px;
}
@media screen and (max-width: 680px) {
	.pc_crs-season-wari{
		display: none;
	}
	.sp_crs-season-wari{
		display: block;
	}
	.crs-season-wari{
		padding: 0;
	}
}

.yi-origin-top-cont > *{
	flex:1;
}
.yi-origin-top-cont > * > * + *{
	margin-top:0.65em;
}
.yi-origin-top-cont > * > .crs-price + *{
	margin-top:0em;
}


.crs-price{
	display: flex;
    align-items: center;
    justify-content: space-around;
}
.crs-price dt{
	font-weight:bold;
}
.crs-price dt strong{
	display: block;
}

.crs-price-mini-bnr{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	gap:3px;
}
.crs-price-mini-bnr .flex-1{
/* 	flex:1; */
}
.crs-price-mini-bnr .flex-2{
/* 	flex:2; */
}
.crs-price-mini-bnr .inc-tax,
.crs-price-mini-bnr .crs-mini-bnr-price-sub{
	font-size:0.6em;
}
.crs-price-mini-bnr .inc-tax{
	text-align:right;
}
.crs-price-mini-bnr > *{
	line-height: 1.1;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	border-radius:8px;
}
.crs-price-mini-bnr .flex-1 strong{
	font-size:1.3em;
}
.crs-price-mini-bnr .flex-2 strong{
	font-size:1.5em;
}
.crs-mii-bnr-plan-name{
	font-size:0.9em;
	text-align:left;
	font-weight:bold;
	line-height:1;
}

.crs-plan-choice,
.crs-mt-price-up,
.crs-other-plan{
	display:flex;
	align-items:center;
	max-width: 140px;
	color:#fff;
	text-align:center;
	padding:3px 6px;
}

.crs-plan-choice{
	background:#62AD00;
}
.crs-plan-choice *,
.crs-mt-price-up *{
	line-height: 1.1;
}
.crs-plan-choice dl{
	font-size: clamp(12px, 0.9vw, 13.5px);
}
.crs-plan-choice dd{
	font-size:0.7em;
}

.crs-other-plan{
	background:#CF3E00;
}

.crs-mt-price-up{
	background:#999999;
}

.crs-jidonirin-moti{
	display:flex;
	align-items:center;
	gap:0.5em;
	color:#fff;
/* 	text-shadow:1px 1px 0 rgba(0,0,0,0.5); */
	background-image: linear-gradient(#2bc6ff, #005fbf);
/* 	border: 1px solid #fff; */
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	padding:3px 6px;
}
.crs-jidonirin-moti dt{
	font-weight:bold;
}
.crs-jidonirin-moti dd{
	text-align:right;
}

.crs-tuikanasi img{
	border-radius:0.8vw;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25)
}

.crs-warranty-pickup{
	display:flex;
	line-height: 1.1;
	border:1px solid #000;
	border-radius:8px;
	background:#fff;
	overflow:hidden;
}
.crs-warranty-pickup > *{
	padding:3px 6px;
}
.crs-warranty-pickup dt{
	display:flex;
	justify-content: center;
	align-items:center;
	font-size: 0.9em;
	color:#fff;
	white-space: nowrap;
	font-weight:bold;
	background:#737373;
}
.crs-warranty-pickup dd{
	font-size: clamp(12px, 1.15vw, 15.0px);
	color:#FF0009;
}

.crs-warranty-note{
    letter-spacing: -0.05em;
}
.crs-warranty-note .crs-warranty-note-heading{
/*
	font-size: clamp(17px, 1.2vw, 22px);
	color:#FF0000;
	line-height: 1.2;
*/
}
.crs-warranty-note .crs-warranty-note-heading img{
	max-width:300px;
	width:75%;
}
.crs-warranty-note .crs-warranty-note-heading .sanju-made{
	max-width:200px;
	width:75%;
}
.crs-warranty-note .crs-warranty-note-heading + ul{
	margin-top:0.25em;
}
.crs-warranty-note ul{
	font-size: clamp(8px, 0.87vw, 11.6px);
	line-height: 1.3;
    padding-left: 1.5em;
}

.crs-originaltokuten-pickup{
	display:flex;
	align-items:center;
	gap:2%;
	line-height: 1.1;
}
.crs-originaltokuten-pickup dt{
	flex:0 0 100px;
}
.crs-originaltokuten-pickup dd{
	font-size: clamp(13px, 1.0vw, 14.5px);
}

#yi-tokutoku .yi-origin-top-cont .crs-content-l,
#yi-fukui_gensen .yi-origin-top-cont .crs-content-l{
	flex:0 0 44%;
}
#yi-tokutoku .crs-price,
#yi-fukui_gensen .crs-price{
	display: block;
}
#yi-tokutoku .crs-price dt strong,
#yi-fukui_gensen .crs-price dt strong{
	display:inline;
}
#yi-tokutoku .crs-warranty-note ul,
#yi-fukui_gensen .crs-warranty-note ul{
	font-size: clamp(8px, 0.72vw, 10px);
}
#yi-tokutoku .crs-warranty-pickup dd dd,
#yi-fukui_gensen .crs-warranty-pickup dd{
	font-size: clamp(12px, 1.0vw, 13.0px);
}

/* 681px〜 */
@media screen and (min-width: 681px) {
	.pc-none{
		display:none !important;
	}
}

/* 〜680px */
@media screen and (max-width: 680px) {
	body {
		font-size: 13px;
	}
	
	.sp-none{
		display:none !important;
	}
	
	.font,
	.top-btn-bar .sbsc {
	    font-family: source-han-sans-japanese, sans-serif;
	    font-weight: 900;
	    font-style: normal;
	}
	.top-btn-bar .sbsc::after,
	.crs-tit .btn_entry a::after{
		margin-left: 0.15em;
	}
	
	#home #top-coupon-container,
	#footer .footer-menu,
	#footer-school-list{
		display:none;
	}
	
	.top-btn-bar .top-btn-left,
	.yi-original-wrap .yi-origin-tit-inner {
	    display: block;
	}

    #header-sp {
        border-bottom: 3px solid #de9f9c;
        border-top: 5px solid #000;
        padding: 0 !important;
    }

	#header{
		height: auto;
		background-image:none;
	}
	#header-inner {
		width: auto;
	    height: auto;
	    padding: 0;
	}
	#header-left{
		height: auto;
		padding-bottom: 0px;
	}

	/* 学校数、お申し込みはこちらのバー */
	.top-btn-bar {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    width: 100%;
	    padding: 10px 10px;
	}
	.top-btn-bar .top-btn-left{
		width: 72%;
		display: block;
		height: auto;
	}
	.top-btn-bar .top-btn-left .font{
		display: block;
		width: 100%;
/* 		font-size: 30px; */
		font-size: clamp(16px, 4.5vw, 30px);
		text-align: center;
		padding: 0;
		margin: 0 0 5px;
	}
	.btn-blue{
		font-size: clamp(15px, 3.5vw, 20px);
	}
	.top-btn-bar .sbsc{
		width: 26%;
/* 		font-size: 24px; */
		font-size: clamp(14px, 3.4vw, 24px);
		padding: 10px 0.5em;
	}


	/* TOP News */
	#top-news {
/* 	    background: url("../img_new/top_news_waku_h2.gif") no-repeat scroll left top rgba(0, 0, 0, 0); */
		background:none;
		background-color: #ffe5e5;
	    height: 174px;
	    margin:0px auto 25px;
	    padding: 2px 2px 2px 0;
	    width: 100%;
	}
	#top-news-tit {
	    float: none;
	    width: 90px;
	    margin-right: 5px;
	}
	#top-news-cont {
	    height: 162px;
/* 	    font-size: 1.8em; */
		font-size:clamp(15px, 3.8vw, 23px);
	    margin-left: 0;
	    margin-top: 6px;
	    overflow: auto;
	    width: 468px;
	}
	#top-news-cont dl {
	    margin-bottom: 1px;
	}
	#top-news-cont dt {
	    float: left;
	    width: 80px;
	}
	#top-news-cont dt {
	    float: none;
	    width: auto;
	}
	#top-news-cont dd {
	    line-height: 1.2;
	    margin-left: 0;
	}
	#top-news-cont dd a {
	    font-weight: bold;
	    color: #000;
	}
	
	
	/* TOP ユーアイオリジナルコース */
	.yi-original-wrap .yi-origin-tit{
		padding: 10px 10px;
	}
	.yi-original-wrap .yi-origin-tit-inner{
		text-align:center;
		background-image:none;
	}
	.yi-original-wrap h2{
		font-size:clamp(22px, 6.3vw, 36px);
		line-height: 1.2;
		margin-bottom: 0.2em;
	}
	.yi-origin-tit .crs-kikan {
	    font-size: clamp(11px, 3.3vw, 20px);
	    color: #000;
	    font-weight: bold;
	    line-height: 1.4;
	    background: #FFF;
	    padding: 5px 5px;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	}
	.yi-origin-tit .crs-kikan small {
	    display:block;
	}

	.yi-tokutoku100 .yi-origin-waku,
	#yi-fukui_gensen .yi-origin-waku{
		background-image:none;
	}
	#yi-tokutoku .yi-origin-waku,
	#yi-fukui_gensen .yi-origin-content{
		padding-left:0;
	}
	.yi-origin-content,
	#yi-tokutoku .yi-origin-content,
	#yi-fukui_gensen .yi-origin-content{
		background-image:none;
		background-color:transparent;
	}
	.yi-original-wrap .yi-origin-waku{
		background-image:url(../img_new/bg_yi-original.png) !important;
		background-color:#FFFFA6;
		background-position:left top;
		background-repeat: no-repeat;
	}

	.yi-origin-att-message{
		font-size: clamp(14px, 3.5vw, 20px);
	}

	.yi-origin-top-cont {
		display: block;
		padding: 1.5% 2%;
	}
	.crs-tuikanasi,
	.crs-warranty-pickup,
	.crs-originaltokuten-pickup,
	.crs-warranty-note{
		display:none;
	}
	.yi-origin-top-cont .crs-content-l{
		margin-bottom:1em;
	}
	.yi-origin-top-cont .crs-price{
		display:block;
	}
	.yi-origin-top-cont .crs-price dt {
	    font-size: clamp(14px, 3.2vw, 20px);
	}
	.yi-origin-top-cont .crs-price dt strong{
		display:inline;
	}
	.yi-origin-top-cont .crs-price img{
		width:100%;
	}
	.crs-price-mini-bnr{
		justify-content: center;
	}

	#home .yi-origin-target-school{
		background-color:transparent;
		padding:3px 10px 10px 38%;
	}
	.yi-origin-target-school .arrow{
		display:none;
	}
	#home .yi-origin-target-school ul,
	#home .yi-origin-target-school li{
		padding:0px;
		margin:0px;
		list-style:none;
	}
	#home .yi-origin-target-school ul {
		display:block;
	    width: 100%;
	}
	#home .yi-origin-target-school ul li.yi-top-btn-sanin{
		width:100%;
	}
	#home .yi-origin-target-school ul li.yi-top-btn-sanin a{
		justify-content: flex-start;
		padding-top:1px;
		padding-bottom:1px;
	}
	#home .yi-origin-target-school ul{
		background:url(../img_new/crs_subjectschool_tit.png) center top no-repeat;
		background-size: 80% auto;
		padding-top:10%;
	}
	#home .yi-origin-target-school li{
		min-height:auto;
		margin-top:5px;
	}
	#home .yi-origin-target-school li a{
		background:none !important;
		
		display:block;
		font-size: clamp(15px, 3.5vw, 23px);
		font-weight:bold;
		color:#FF0000;
		text-align: left;
		text-shadow: 1px 1px 0px #bfbfbf;
		padding: 8px 3px;
	
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	#home .yi-origin-target-school li a small{
		font-size:0.6em;
		font-weight:normal;
	}
	
	#home .yi-origin-target-school li.saitan13 a,
	#home .yi-origin-target-school li.saitan14 a,
	#home .yi-origin-target-school li.saitan15 a{
/* 		padding-left: calc(105px + 0.35em); */
		padding-left: 28%;
	}
	#home .yi-origin-target-school li.saitan13 a{
		background:url(../img_new/saitan13_w.jpg) left center no-repeat !important;
		background-size: 100% !important;
	}
	#home .yi-origin-target-school li.saitan14 a{
		background:url(../img_new/saitan14_w.jpg) left center no-repeat !important;
		background-size: 100% !important;
	}
	#home .yi-origin-target-school li.saitan15 a{
		background:url(../img_new/saitan15_w.jpg) left center no-repeat !important;
		background-size: 100% !important;
	}
	#home .yi-origin-target-school .img{
		display:none;
	}
	#home .yi-origin-target-school .new-btn-school-name{
		font-size: inherit;
		line-height:1.2;
		text-shadow: 1px 1px 0px #bfbfbf;
	}
	#home #yi-tokutoku li a .new-btn-school-name{
		background: none;
		box-shadow: none;
		padding:0;
	}
	#home #yi-tokutoku li.yi-top-btn-sanin a .new-btn-school-name{
		
	}
	#home .new-btn-plan-price {
	    font-size: 0.6em;
	    line-height: 1.2;
	}
	#home .new-btn-waribiki5000 {
	    font-size: 0.45em;
	    line-height: 1.2;
	    font-weight: normal;
	}

	#yi-tokutoku .yi-origin-target-school {
	    background: url(../img_sp/crs_ph01.png) left top no-repeat;
	    background-size: 43% auto;
	}
	#yi-season .yi-origin-target-school {
	    background: url(../img_sp/crs_ph02.png) left top no-repeat;
	    background-size: 43% auto;
	}
	#yi-discount .yi-origin-target-school {
	    background: url(../img_sp/crs_ph06.png) left top no-repeat;
	    background-size: 43% auto;
	}
	#yi-fukui_gensen .yi-origin-target-school {
	    background: url(../img_sp/crs_ph07.png) left top no-repeat;
	    background-size: 43% auto;
	}

	.home-school-list .title{
		font-size:clamp(28px, 7.5vw, 36px);
	}
	.home-school-list .title strong{
		font-size:1.3em;;
	}


	.btn_tel {
	    margin-bottom: 3em;
	}

	.btn-contact{
		padding:2em 2em 1em;
	}
	.btn-contact a{
		display:block;
		width:100%;
		font-size:2.5em;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		background:#cc0000;
		padding:0.5em 0px;
	
		border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	}


	/* TOP 全国◯◯校の教習所情報 */
	.accordion-subtitle {
		font-size:clamp(18px, 4.5vw, 28px);
	    border: 2px solid #444;
	    border-radius: 10px;
	    margin: 0.5em auto 0;
	}

    #footer {
	    color:#fff;
        background: none repeat scroll 0 0 #CB1009;
        padding: 10px 10px 15vw;
    }
    #footer a {
        color: #FFF;
    }
	#footer .footer-menu-sp {
        display: block;
        border: 1px solid #000000;
        border-bottom: 0px;
    }
	.footer-menu-sp ul,
	.footer-menu-sp li{
		padding: 0px 0px;
		margin: 0px 0;
		list-style:none;
	}
	.footer-menu-sp li{
		text-align:left;
	}
	.footer-menu-sp li a{
		display:block;
	}
	.footer-menu-sp li a{
/* 		font-size:2.5em; */
		color:#cc0000 !important;
		background:#FFF;
		border-bottom:1px solid#000;
		padding:10px 3%;
		text-decoration:none;
	}
}