@charset "UTF-8";

/*------------------------------------------------------------------------------
	Kamiike car school - Global Class CSS
	URL: https://www.kamiike.co.jp/
	Date: 2017-06-23
	Copyright (C) 2017 Kamiike car school. All Rights Rreserved.
------------------------------------------------------------------------------*/


/*==============================================================
	タグ
===============================================================*/

#main p,
#main ol,
#main ul,
#main dl{
	margin-bottom:1.5em;
	line-height:2;
}

/*==============================================================
	汎用クラス
===============================================================*/

.enTxt {
	font-family: 'Baloo Bhaina', cursive;
}
.enTxt02 {
	font-family: 'Sarala', sans-serif;
}
.smallTxt {
	font-size:12px;
	font-size:1.2rem;
}
.linkBtn {
	transition:all .7s;
	display:block;
	margin: 0 auto;
	width:310px;
	font-size:18px;
	font-size:1.8rem;
	padding: 16px 0;
	text-align:center;
	color:#fff !important;
	border: solid 3px #1a1818;
	box-sizing: border-box;
	background: no-repeat 93% center #1a1818;
}
.linkBtn:hover {
	color: #1a1818 !important;
	background-color: transparent;
}
.btn_s {
	transition:all .7s;
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	width:250px;
	margin: 0;
	padding:20px 0;
}
.btn_s:hover {
}
.wBtn {
	border: solid 3px #fff;
}
.wBtn:hover {
	color: #fff !important;
	border: solid 3px #fff;
	background-color: transparent;
}
.enterBtn {
	transition:all .4s;
/*	width:55%;*/
	width: 400px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	padding:18px 0;
	background:no-repeat 95px center #eb5313;
	border: solid 3px #eb5313;
	box-sizing: border-box;
}
.enterBtn:hover,
.longBtn:hover{
	color: #eb5313 !important;
	background: #fff;
	/*letter-spacing:4px;
	background-color:#d04003;*/
}
[href$=".pdf"] {
	position: relative;
	margin-left: 30px;
}
[href$=".pdf"]:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	margin: auto;
	width: 22px;
	height: 23px;
	background:url(../img/icon/ico_pdf.png) no-repeat left center;
}
.checkList {
	margin-left:20px;
}
.checkList li {
	position: relative;
	padding-left: 1.5em;
}
.checkList li:before {
    color: #eb5313;
    content: "\f18e";
    font-family: FontAwesome;
    position: absolute;
	top: 0.3em;
	left: 0;
	font-size: 20px;
    line-height: 1;
}
.numList {
	margin-left: 20px;
}
.numList li {
	position: relative;
	padding-left: 23px;
}
.numList li::before {
	position: absolute;
	top: 5px;
	left: 0;
}
.numList li:first-child::before {
	content: "①";
}
.numList li:nth-child(2)::before {
	content: "②";
}
.numList li:nth-child(3)::before {
	content: "③";
}
.numList li:nth-child(4)::before {
	content: "④";
}
.numList li:nth-child(5)::before {
	content: "⑤";
}
.numList li:nth-child(6)::before {
	content: "⑥";
}
.numList li:nth-child(7)::before {
	content: "⑦";
}
.numList li:nth-child(8)::before {
	content: "⑧";
}

body:not(#home) header #subNav li a span:before,
footer #ftNav li a:before,
header #hdNavArea #hdLink a:before {
	transition:all .4s;
    color: #1a1818;
    content: "\f054";
    font-family: FontAwesome;
    position: relative;
    font-size: 16px;
    padding-right: 5px;
}
footer #ftNav li a:hover:before,
header #hdNavArea #hdLink a:hover:before {
	color:#eb5313;
}
.capTxt {
	background:#fffef0;
	margin:45px 0 !important;
	border:1px solid #ebe59b;
	padding:20px;
}
.attention {
	color: #eb5313;
}
.category {
	padding: 2px 12px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
	margin-right:15px;
}
.info {
	color:#ab68b6;
	border:solid 1px #ab68b6;
}
.campaign {
	color:#ff8800;
	border:solid 1px #ff8800;
}
.col1-img {
	display: inline-block;
	width: 32%;
    margin-bottom: 0 !important;
}
.col1-img img {
	width: 100%;
	height: auto;
}
.pagenation ul {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagenation li {
	color: #fff;
	margin: 0 5px;
	background: #1a1818;
}
.pagenation li.active {
	padding: 6px 16px;
}
.pagenation li a {
	transition: all .5s;
	display: block;
	color: #fff;
	background: #848484;
	padding: 6px 16px;
}
.pagenation li a:hover {
	background: #1a1818;
}
#pageNation a {
    transition: all .7s;
    display: block;
    width: 230px;
	margin: 0;
    padding: 15px 0;
	font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    color: #fff !important;
    border: solid 3px #1a1818;
    box-sizing: border-box;
    background: no-repeat 93% center #1a1818;
}
#pageNation a:hover {
	color: #1a1818 !important;
	background-color: #fff;
}

/* ul : 基本リスト
----------------------------------------------------*/

#main .column4,
#main .column3,
#main .column2 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .column2 {
	width: 66%;
}
#main .column2 li {
	width: 48%;
}
#main .column3 li {
	width: 32%;
}
#main [class^="column"] img {
	width: 100%;
	height: auto;
}
#main .column4 li {
	width: 23.5%;
}

#main .basicList li {
	position: relative;
	padding-left: 23px;
}
#main .basicList li::before {
	content: "●";
	position: absolute;
	color: #eb5313;
	left: 0;
}

/* li : 基本テーブル
----------------------------------------------------*/

#main table.tbl01 {
	width:100%;
	margin-bottom:50px;
	border-top:solid 1px #ebe59b;
	border-bottom:solid 1px #ebe59b;
}
#main .tbl01 tr:nth-of-type(even) {
	background:#fffef0;
}
#main .tbl01 thead th {
	color:#fff;
	background:#fdaf3a;
	border:none;
	padding:15px;
}
#main .tbl01 th,
#main .tbl01 td {
	padding:10px;
	border:none;
	border-bottom:solid 1px #ebe59b;
	box-sizing:border-box;
}
#main .tbl01.tblCol3 td:last-of-type {
	width:80%;
}

#main table.tbl01 .bg_sub {
	background: #fffef0;
}

#main .tbl02 tr {
	background: none !important;
}
#main .tbl02 td {
	border:solid 1px #ebe59b !important;
}

.tablepress th,
.tablepress td {
	padding: 15px 10px;
	border: none;
}
.tablepress th {
	color: #fff;
	background: #fdaf3a;
}
.tablepress thead .column-1 {
	width: 33%;
}
.tablepress thead .column-2 {
	width: 33%;
}
.tablepress thead .column-3 {
	width: 18%;
}
.tablepress thead .column-4 {
	width: 16%;
}

.tablepress thead th {
	text-align: center;
}
.tablepress tbody tr:nth-of-type(even) {
	background: #fffef0;
}
.tablepress tbody tr {
	border-bottom: solid 1px #ebe59b;
}
.tablepress tbody .externalLink {
	color: #eb5313;
	text-decoration: underline;
}



/*  floating : 回り込み関係
----------------------------------------------------*/

.floatL{float:left;}
.floatR{float:right;}

.phoL{
	float:left;
	margin-right: 20px;
}
.phoR{
	float:right;
	margin-left: 20px;
}

.clearL{clear:left;}
.clearR{clear:right;}
.clearB{clear:both;}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*  align : 行揃え関係
----------------------------------------------------*/

.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/*  2024_12以降追加
----------------------------------------------------*/
.longBtn {
    transition: all .4s;
    /* width: 55%; */
    width: 100%;
    font-size: 20px;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 10px 0;
    background: no-repeat 95px center #eb5313;
    border: solid 3px #eb5313;
    box-sizing: border-box;
}

.red_extention{
	color: crimson;
    display: inline-block;
    line-height: 130% !important;
    font-weight: bold;
    border: 2px solid;
    padding: 10px;
}
.sp_br,.sp{
	display: none;
}
#telBox02 p span{
	display: inline-block;
    padding-left: 70px;
    background: url(../img/icon/ico_free_large.png) no-repeat left center;
	margin-top: 0px !important;
}
#telBox02 p a{
	color: #eb5313;
    font-size: 65px;
    font-size: 4.5rem;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1;
}
#telBox02{
	margin-bottom: 4em;
}

.info_table th{
	vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #ffefd5;
}
.pc{display: block;}
.info_table td{
	border-bottom: 1px solid #ccc;
}
.txtarea{
		width: 100%;
	}
/* 教習プランテーブル指定（背景白） */
.n_td{
	background: #fff;
	border-right: solid 1px #ebe59b !important;
}
@media screen and (max-width:680px) { 
	.img_pic{
		width: 100%;
		height: 100%;
	}
	.pc{display: none;}
	.sp_br,.sp{
		display: block;
	}
	#telBox02 p a{
		font-size: 3.5rem;
    	text-align: left;
    	margin-bottom: 20px;
    	line-height: 1 !important;
	}
	.table02 th,.table02 td{
		display: block;
		width: 100% !important;
	}
	.info_table{
		width: 97% !important;
	}
	

}
@media (pointer: fine), (hover: hover) {
	a:where([href^="tel:"]) {
		pointer-events: none;
	  }
  }

/*--EOF-----------------------------------------------------------------------*/