@charset "UTF-8";


/*--------------------
 * メインビジュアル
 * ------------------- */

.mainVisual{
	width:100%;
	/*max-width:1600px;*/
	margin-left:auto;
	margin-right:auto;
}
/* .mainVisualLst */
.mainVisualLst{
}
.mainVisualLst img{
	width:100%;
	height:auto;
}
/* .mainVisualLst_thumb */
.mainVisualLst_thumb{
	text-align:center;
}
.mainVisualLst_thumb img{
	width:98%;
	height:auto;
}

/*--------------------
 * おすすめ情報
 * ------------------- */
.recommendationBox{
}
.recommendationLst {

}
.recommendationLst .item{
	border-bottom:solid 1px #F0F0F0;
	padding-bottom:15px;
	margin-bottom:30px;

}
.recommendationLst .item a{
	text-decoration:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
}
.recommendationLst .item .lbl{
	flex-basis:200px;
	display:inline-block;
	color:#EF6CA0;
	border:solid 2px #EF6CA0;
	border-radius:100px;
	padding:2px 10px;
	text-align:center;
	font-weight: bold;
}
.recommendationLst .item .tit{
	flex-basis:calc(100% - 220px);
	font-size:16px;
	color:#111111;
}
.recommendationLst .item .tit span{
	font-size:20px;
	color:#EE6C9F;
	font-weight:bold;
}
.recommendationLst .item a:hover .tit{
	text-decoration:underline;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.recommendationLst .item .lbl{
		flex-basis:100%;
		font-size:14px;
		margin-bottom:10px;
	}
	.recommendationLst .item .tit{
		flex-basis:100%;
		font-size:14px;
	}
	.recommendationLst .item .tit span{
		font-size:16px;
	}
}
/*--------------------
 * ようこそ、鴨居自動車学校へ
 * ------------------- */
.welcomBox{
	background:#FAF9E7;
}
.welcomBox .cntInner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
}
.welcomBox .pic{
	position: absolute;
	top: 0;
	left: 0; 
	z-index:1;
}
.welcomBox .pic img{
	width:100%;
	height:auto;
}
.welcomBox .cnt{
	position:relative;
	z-index:10;
	flex-basis:51%;
	background:#fff;
	border-radius:8px;
	padding:30px;
	margin-left:50%;
	margin-top:50px;
}
.welcomBox .cnt .tit{
	color:#7AC3CD;
	font-size:40px;
	margin-bottom:30px;
}
.welcomBox .cnt .txt{
	font-size:16px;
	line-height:2;
	margin-bottom:30px;
}

.welcomBox .lnkBtnArea{
	display:flex;
	justify-content:flex-end;
}
.welcomBox .lnkBtnArea a{
	
}

@media screen and (max-width: 767px) { /* Smartphone */
	.welcomBox .cntInner{
		display:block;
	}
	.welcomBox .pic{
		position: relative;
	}
	.welcomBox .pic img{
		width:100%;
		height:auto;
	}
	.welcomBox .cnt{
		position:relative;
		padding:20px;
		width:calc(100% - 30px);
		margin-left:auto;
		margin-right:auto;
		margin-top:-30px;
	}
	.welcomBox .cnt .tit{
		font-size:20px;
		margin-bottom:20px;
	}
	.welcomBox .cnt .txt{
		font-size:14px;
		margin-bottom:30px;
	}
	.welcomBox .lnkBtnArea{
		justify-content:center;
	}
}
/*--------------------
 * 卒業生の声
 * ------------------- */
.voiceBox{
	background:#EEEEEE;
}
.voiceBox .cntInner{
}

/* voiceLst */
.voiceLst{
}
.voiceLst .item{
	background:#fff;
	border-radius:10px;
	padding:30px 35px;
	margin:0 20px;
}
.voiceLst .item .tit{
	margin-bottom:15px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.voiceLst .item .tit .icon{
	flex-basis:60px;
}
.voiceLst .item .tit .icon img{
	width:100%;
	height:auto;
}
.voiceLst .item .tit .cnt{
	flex-basis:calc(100% - 80px);
}
.voiceLst .item .tit .cnt .area{
	color:#666666;
	font-size:16px;
}
.voiceLst .item .tit .cnt .voiceCat{
	color:#333333;
	font-size:18px;
}
.voiceLst .item .txt{
	color:#333333;
	font-size:18px;
}

.voiceLst .slick-prev {
    position: absolute;
    left: -30px;
    top: 0px;
	bottom:0;
	margin:auto;
    width: auto;
    height: auto;
	z-index:999;
}
.voiceLst .slick-next {
    position: absolute;
    right: -30px;
    top: 0px;
	bottom:0;
	margin:auto;
    width: auto;
    height: auto;
	z-index:999;
}

@media screen and (max-width: 1400px) { /* Smartphone */
	.voiceLst .slick-prev {
		left: 10px;
	}
	.voiceLst .slick-next {
		right: 10px;
	}
}

@media screen and (max-width: 767px) { /* Smartphone */

	.voiceBox .lnkBtnArea{
		text-align:center;
	}
	.voiceBox .lnkBtnArea a{
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}
}
/*--------------------
 * 新着情報
 * ------------------- */
.newsAndTweet{
}	
.newsAndTweet .cntInner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}	
.newsBox{
	flex-basis:calc(100% - 400px);
}	
.twitterBox{
	flex-basis:360px;
}	

/* newsList */
.newsList{
}
.newsList .item{
	border-bottom:solid 1px #F0F0F0;
	padding-bottom:15px;
	margin-bottom:15px;
}
.newsList .item a{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	text-decoration:none;
	color:#111;
}
.newsList .item .date{
	flex-basis:105px;
	color:#999999;
	font-size:14px;
}
.newsList .item .cat span{
	display:block;
	color:#79C3CC;
	text-align:center;
	border-radius:100px;
	border:solid 1px #79C3CC;
	padding:2px;
	font-size:14px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
.newsList .item .tit{
	flex-basis:calc(100% - 115px);
	font-size:16px;
	color:#111111;
	padding-left:15px;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.newsBox{
		flex-basis:100%;
	}	
	.twitterBox{
		flex-basis:100%;
	}	
	.newsList .item a{
		justify-content:flex-start;
	}
	.newsList .item .tit{
		flex-basis:100%;
		padding-left:0;
		padding-top:10px;
	}
	.newsAndTweet .lnkBtnArea{
		text-align:center;
	}
	.newsAndTweet .lnkBtnArea a{
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}
}

/*--------------------
 * インスタグラム・カレンダー
 * ------------------- */
.instaCalendar{
}
.instaCalendar .cntInner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.instaCalendar .cntInner .instaCalendar__insta{
	width:66%;
}
.instaCalendar .cntInner .instaCalendar__calender{
	width:28%;
}

.instaCalendar .cntInner .instaCalendar__insta iframe{
	width:100% !important;
	height:clamp( 200px ,52vw , 400px);
}
.instaCalendar .cntInner .instaCalendar__calender iframe{
	width:100%;
	max-height:auto;

}


@media screen and (max-width: 780px) { /* Smartphone */
	.instaCalendar .cntInner .instaCalendar__insta{
		width:100% !important;
		margin-bottom:0px;
	}
	.instaCalendar .cntInner .instaCalendar__calender{
		width:100% !important;
	}
	.instaCalendar .cntInner .instaCalendar__insta iframe{
		max-height:100% !important;
	}
}
/*--------------------
 * コース
 * ------------------- */
.courseBox{
	background:#E6F4FF;
}

.courseLst{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.courseLst .item{
	flex-basis:30%;
	margin-bottom:30px;
}
.courseLst .item a.lnk{
	display:block;
	background:#fff;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	padding:15px;
	text-decoration:none;
	color:#111;
	position:relative;
	margin-bottom:20px;
	transition: all 0.3s;
}
.courseLst .item a.lnk:hover{
	box-shadow: 0px 0px 15px -5px #000;
}

.courseLst .item .tit{
	font-size:18px;
	margin-bottom:20px;
	text-align:center;
}
.courseLst .item .pic{
}
.courseLst .item .pic img{
	width:100%;
	height:auto;
}
.courseLst .item .batch{
	position:absolute;
	top:-10%;
	left:-5%;
	width:33%;
	max-width:120px;
}
.courseLst .item .batch img{
	width:100%;
	height:auto;
}
.courseLst .item .dog{
	position:absolute;
	bottom:-5%;
	right:1%;
	width:30%;
	max-width:149px;
}
.courseLst .item .dog img{
	width:100%;
	height:auto;
}
.courseLst .item .btn{
}
.courseLst .item .btn a{
	display:block;
	background:#D0372C;
	border-radius:10px;
	text-align:center;
	color:#fff;
	font-size:18px;
	padding:20px 0;
	text-decoration:none;
	transition: all 0.3s;
}
.courseLst .item .btn a:hover{
	background:#8a211a;
}

.courseLstBanner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.courseLstBanner li{
	flex-basis:48%;
}
.courseLstBanner li a{
	transition: all 0.3s;
}
.courseLstBanner li a img{
	width:100%;
	height:auto;
}
.courseLstBanner li a:hover img{
	filter: sepia(20%);
}

@media screen and (max-width: 767px) { /* Smartphone */
	.courseLst .item{
		flex-basis:100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:30px;
	}
	.courseLst .item .batch{
		position:absolute;
		top:-10%;
		left:-3%;
		width:33%;
		max-width:100px;
	}
	.courseLst .item .batch img{
		width:100%;
		height:auto;
	}
	.courseLstBanner{
	}
	.courseLstBanner li{
		flex-basis:100%;
		margin-bottom:15px;
	}
}

/*--------------------
 * その他のコース
 * ------------------- */
.otherCourse{
}

.otherCourseLst{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.otherCourseLst .item{
	flex-basis:32.5%;
	margin-bottom:30px;
}
.otherCourseLst .item a{
	display:block;
	background:#fff;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	margin:0 15px;
	padding:15px;
	text-decoration:none;
	color:#111;
	transition: all 0.3s;
}
.otherCourseLst .item .tit{
	font-size:18px;
	margin-bottom:20px;
	text-align:center;
}
.otherCourseLst .item .pic{
}
.otherCourseLst .item .pic img{
	width:100%;
	height:auto;
}
.otherCourseLst .item a:hover{
	box-shadow: 0px 0px 15px -5px #000;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.otherCourseLst .item{
		flex-basis:100%;
	}
}

/*--------------------
 * bannerBox
 * ------------------- */
.bannerBox{
}
.bannerBox .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.bannerBox .lst .item{
	flex-basis:33.33%;
	border-left :solid 1px #f0f0f0;
	padding:0 20px;
}
.bannerBox .lst .item:nth-child(1){
	border :none;
}
.bannerBox .lst .item:nth-child(2){
}
.bannerBox .lst .item:nth-child(3){
}
.bannerBox .lst .item a{
	color:#111;
	text-decoration:none;
}
.bannerBox .lst .item .pic{
	display:block;
	text-align:center;
}
.bannerBox .lst .item .pic img{
	width:100%;
	height:auto;
	transition: all 0.3s;
}
.bannerBox .lst .item .tit{
	display:block;
	text-align:center;
	transition: all 0.3s;
	margin-bottom:10px;
}
.bannerBox .lst .item .txt{
	text-align:left;
	font-size:15px;
}
.bannerBox .lst .item a:hover img{
	filter: sepia(20%);
}
.bannerBox .lst .item a:hover .tit{
	color:#f00;
}
/* --- */
.bannerBox-row3{
}

.bannerBox-row3 .lst .item{
	flex-basis:30%;
	border:none;
	padding:0;
}
/* --- */
.bannerBox-row4{
}

.bannerBox-row4 .lst .item{
	flex-basis:23%;
	border:none;
	padding:0;
}

/* --- */
.linkBanner{
}
.linkBanner .bannerBox .tit{
	text-align:left !important;
}

/* --- */
.bannerBox-facilities{
}
.bannerBox-facilities .item{
	margin-bottom:30px;
}
.bannerBox-facilities .tit{
	font-weight:bold;
	text-align:left !important;
	font-size:18px;
	margin-bottom:10px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.bannerBox .lst .item{
		flex-basis:49%;
		border:none;
		padding:0;
		margin-bottom:20px;
		font-size:14px;
	}
}
/*--------------------
 * documentBox
 * ------------------- */
.documentBox{
}
.documentBox .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.documentBox .lst .item{
	flex-basis:48%;
	background:#E6F4FF;
	padding:15px;
}
.documentBox .lst .item .pic{
	text-align:center;
}
.documentBox .lst .item .pic img{
	width:100%;
	max-width:320px;
	height:auto;
}
.documentBox .lst .item .tit{
	font-size:16px;
	text-align:center;
	font-weight:bold;
	font-weight:bold;
}
.documentBox .lst .item .txt{
	font-size:15px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.documentBox .lst .item{
		flex-basis:100%;
		margin-bottom:20px;
	}
}

/*--------------------
 * overlayBox-takujisyo
 * ------------------- */
 .overlayBox-takujisyo{
 }
 .overlayBox-takujisyo .pic{
 }
 .overlayBox-takujisyo .pic img{
 }
 .overlayBox-takujisyo .cnt{
 }
 .overlayBox-takujisyo .tit{
	 font-size:26px;
	 color:#7AC3CD;
	 margin-bottom:50px;
 }
 .overlayBox-takujisyo .txt{
	 font-size:20px;
	 color:#111;
 }
 .overlayBox-takujisyo .batch{
	 width:31%;
	 height:auto;
	 position:absolute;
	 bottom:-20%;
	 right:0%;
 }
 .overlayBox-takujisyo .batch img{
	 width:100%;
	 height:auto;
 }

@media screen and (max-width: 767px) { /* Smartphone */
	 .overlayBox-takujisyo .tit{
		 font-size:18px;
		 margin-bottom:15px;
	 }
	.overlayBox-takujisyo .txt{
		font-size:16px;
		color:#111;
	}
	 .overlayBox-takujisyo .batch{
		 top:-80px;
		 bottom:auto;
		 width:26%;
	 }
}
@media screen and (max-width: 767px) { /* Smartphone */
	 .overlayBox-takujisyo .cnt{
		 padding-top:40px;
	 }
	 .overlayBox-takujisyo .batch{
		 top:-50px;
	 }
}
/*--------------------
 * corpImgRead
 * ------------------- */
.corpImgRead{
	background:url(/shared/img/corp/corp_pic02.jpg) no-repeat center center;
	height:300px;

	display:flex;
	align-items: center;

}
.corpImgRead .txt{
	width:100%;
	font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "serif";
	font-size:30px;
	text-align:center;
	padding:0 20px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.corpImgRead .txt{
		font-size:20px;
	}
}
/*--------------------
 * historyLst
 * ------------------- */
.historyLst{
	position:relative;
	overflow:hidden;
}
.historyLst:before{
	content:"";
	width:1px;
	height:3000px;
	border-left:solid 1px #EEEEEE;
	position:absolute;
	top:0;
	left:30%;
	margin-left:15px;
}
.historyLst li{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.historyLst .tit{
	flex-basis:30%;
	text-align:right;
	font-weight:bold;
	letter-spacing:4px;
	font-size:18px;
}
.historyLst .cnt{
	flex-basis:70%;
	padding-left:40px;
	position:relative;
}
.historyLst .cnt:before{
	content:"";
	display:block;
	width:11px;
	height:11px;
	position:absolute;
	background:url(/shared/img/corp/history_marker.png) no-repeat center;
	top:10px;
	left:10px;
}

.historyLst .cnt .txt01{
}
.historyLst .cnt .pic{
}
.historyLst .cnt .pic img{
	width:100%;
	max-width:180px;
	height:auto;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.historyLst .tit{
		flex-basis:30%;
		font-size:14px;
	}
}


/*--------------------
 * voiceLst02
 * ------------------- */
.voiceLst02{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.voiceLst02 .item{
	flex-basis:47%;
	background:#eee;
	border-radius:10px;
	padding:20px 35px;
	margin-bottom:40px;
}
.voiceLst02 .item .voiceLst__head{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:solid 2px #CCCCCC;
}
.voiceLst02 .item .voiceLst__head .icon{
	flex-basis:140px;
	margin-top:-30px;
}
.voiceLst02 .item .voiceLst__head .icon img{
	width:100%;
	height:auto;
}
.voiceLst02 .item .voiceLst__head .cnt{
	flex-basis:calc(100% - 150px);
}
.voiceLst02 .item .voiceLst__head .cnt .txt{
	color:#333333;
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
}
.voiceLst02 .item .voiceLst__head .cnt .voiceCat{
	color:#333333;
	font-size:16px;
	font-weight:bold;
}
.voiceLst02 .item .voiceLst__head .cnt .voiceCat.cat-man{
	color:#FAB05E;
}
.voiceLst02 .item .voiceLst__head .cnt .voiceCat.cat-women{
	color:#CB7FDD;
}
.voiceLst02 .item .txt{
	color:#333333;
	font-size:18px;
}

.voiceLst02 .slick-prev {
    position: absolute;
    left: -30px;
    top: 0px;
	bottom:0;
	margin:auto;
    width: auto;
    height: auto;
	z-index:999;
}
.voiceLst02 .slick-next {
    position: absolute;
    right: -30px;
    top: 0px;
	bottom:0;
	margin:auto;
    width: auto;
    height: auto;
	z-index:999;
}
/* ----- */
.voiceLst02 .kaizen{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.voiceLst02 .kaizen .icon{
	flex-basis:150px;
}
.voiceLst02 .kaizen .cnt{
	flex-basis:calc(100% - 170px);
}
.voiceLst02 .kaizen .cnt .lbl{
	background:#489EDB;
	color:#fff;
	border-radius:100px;
	text-align:center;
	padding:3px 5px;
	margin-bottom:10px;
	font-size:18px;
}
.voiceLst02 .kaizen .cnt .txt{
	color:#333333;
	font-size:18px;
	font-weight:bold;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.voiceLst02 .item{
		flex-basis:100%;
	}
}


/*--------------------
 * tokutenBoxItem
 * ------------------- */
.tokutenBoxItem{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.tokutenBoxItem.col01{
	max-width:640px;	
}
.tokutenBoxItem.col02{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	max-width:1100px;	
}
.tokutenBoxItem.col02 .item{
	flex-basis:48%;
}
.tokutenBoxItem .item .tit{
	color:#ED6C9F;
	border:solid 2px #ED6C9F;
	border-radius:100px;
	text-align:center;
	font-size:28px;
	padding:5px ;
	background:#fff;
	margin-bottom:15px;
}
.tokutenBoxItem .item .txt{
	font-size:16px;
	margin-bottom:15px;
	padding:0 30px;
}
.tokutenBoxItem .item .pic{
	text-align:center;
}
.tokutenBoxItem .item .pic img{
	width:100%;
	height:auto;
}
.tokutenBoxItem.col02 + .txt01{
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;	
}
@media screen and (max-width: 767px) { /* Smartphone */
	.tokutenBoxItem.col02 .item{
		flex-basis:100%;
		margin-bottom:30px;
	}
	.tokutenBoxItem .item .tit{
		color:#ED6C9F;
		border:solid 2px #ED6C9F;
		border-radius:100px;
		text-align:center;
		font-size:19px;
		padding:0 2px ;
		background:#fff;
		margin-bottom:15px;
	}
	.tokutenBoxItem .item .txt{
		padding:0 ;
	}
}

/*--------------------
 * timeTbl
 * ------------------- */
.timeTbl{
	width:100%;
	font-size:16px;;
}
.timeTbl thead{
}
.timeTbl thead th{
	border:solid #DDDDDD 1px;
	padding:10px;
	background:#EEEEEE;
	text-align:center;
	width:25%;
}
.timeTbl thead th.noCell{
	border-top:none;
	border-left:none;
	background:none;
}
.timeTbl thead th.no2{
	width:37.5%;
}
.timeTbl thead th.no3{
	width:37.5%;
}
.timeTbl tbody{
}
.timeTbl tbody th{
	border:solid #DDDDDD 1px;
	padding:10px;
	text-align:center;
	width:25%;
}
.timeTbl tbody td{
	border:solid #DDDDDD 1px;
	padding:10px;
	text-align:center;
}
.timeTbl tbody td.no2{
	width:37.5%;
}
.timeTbl tbody td.no3{
	width:37.5%;
}
.timeTbl tbody th.col_asa{
	background:#FFD0D9;
}
.timeTbl tbody th.col_gogo{
	background:#A7DCD0;
}
.timeTbl tbody th.col_yoru{
	background:#95C6EA;
}
.timeTbl tbody td.col_asa{
	background:#FFE3E9;
}
.timeTbl tbody td.col_gogo{
	background:#DDF2ED;
}
.timeTbl tbody td.col_yoru{
	background:#E1EFF9;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.timeTbl{
		width:800px;
	}
}
/*--------------------
 * tab-flow
 * ------------------- */
.tab-flow{
}
.tab-flow .tabMenu__item{
	flex-basis:24%;
	height:90px;
}
.tabMenu__item.active >{
	height:90px;
}
.tabMenu__item > span{
}
.tabMenu__item > span span{
	flex-basis:80%;
	display:block;
	background:#FFF;
	color:#469ED9;
	text-align:center;
	border-radius:100px;
	padding:3px 0;
	margin-top:3px;
}
.tabMenu__item.active > span span{
	background:#E6F4FF;
}

/*--------------------
 * holder
 * ------------------- */
.holder{
}
.holder .imgOver{
	position:relative;
	margin-top:-100px;
	z-index:10;
}

/* ----- */
.tbl-bike{
	width:100%;
	table-layout:fixed;
}
.tbl-bike thead{
}
.tbl-bike thead th{
	border:solid 1px #ddd;
	padding:10px;
	background:#DDF2ED;
	text-align:center;
}
/**/
.tbl-bike tbody th{
	border:solid 1px #eee;
	padding:10px;
	text-align:center;
	background:#E1EFF9;
}
.tbl-bike tbody td{
	border:solid 1px #ddd;
	padding:10px;
	text-align:center;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.holder .imgOver{
		margin-top:-0px;
	}
	.krsBox.layoutBox{
		flex-flow: column;
	}
	.krsBox.layoutBox .cnt{
		order:2;
	}
	.krsBox.layoutBox .pic{
		order:1;
	}

}

/*--------------------
 * tbl-course
 * ------------------- */
.tbl-course{
	width:100%;
	font-size:16px;
	table-layout:fixed;
}
.tbl-course thead{
}
.tbl-course thead th{
	border:solid 1px #ddd;
	padding:10px;
	background:#E1EFF9;
	text-align:center;
}
.tbl-course thead th.large{
	font-weight:bold;
	font-size:20px;
}
.tbl-course thead th.large span{
	font-size:14px;
}
.tbl-course tbody th{
	border:solid 1px #ddd;
	padding:10px;
}
.tbl-course tbody td{
	border:solid 1px #ddd;
	padding:10px;
	text-align:center;
}
/* ----- */
.tbl-course01{
}
.tbl-course01 thead th:first-child,
.tbl-course01 tbody th{
	width:500px;
}
/* ----- */
.tbl-course02{
}
.tbl-course02 thead th:first-child,
.tbl-course02 tbody th{
	width:600px;
}
/* ----- */
.tbl-course03{
}
.tbl-course03 thead th:first-child,
.tbl-course03 tbody th{
	width:500px;
}
/* ----- */
.tbl-course04{
}
.tbl-course04 thead th:first-child,
.tbl-course04 tbody th{
	width:600px;
}
/* ----- */
.tbl-course05{
}
.tbl-course05 thead th:first-child,
.tbl-course05 tbody th{
	width:600px;
}
/* ----- */
.tbl-course06{
}
.tbl-course06 thead th:first-child,
.tbl-course06 tbody th{
	width:600px;
}
/*--------------------
 * access
 * ------------------- */
.accessTit{
	background:url(/shared/img/access/access_map_icon_car.png) no-repeat left top;
	padding-left:80px;
	border-bottom:solid 2px #DDDDDD;
	position:relative;
	padding-bottom:15px;
}
.accessTit:before{
	content:"";
	display:block;
	width:30%;
	height:2px;
	background:#7CC8D2;
	position:absolute;
	bottom:-2px;
}
.accessTit-icon_car{ background-image:url(/shared/img/access/access_map_icon_car.png); }
.accessTit-icon_bus{ background-image:url(/shared/img/access/access_map_icon_bus.png); }
.accessTit-icon_train{ background-image:url(/shared/img/access/access_map_icon_train.png); }

.accessTit__main{
	font-size:24px;
	font-weight:bold;
	color:#FF8000;
	display:block;
}
.accessTit__sub{
	font-sizse:18px;
	display:block;
}

/* --- */
.lnkEkitan{
	text-align:right;
}
.lnkEkitan a{
	display:inline-block;
	background:url(/shared/img/access/access_map_icon_ekitan.png) no-repeat left center;
	background-size:auto 100%;
	padding:12px 0 12px 60px;
}

/* --- */
.tbl-timetable{
	width:100%;
	font-size:16px;
	table-layout:fixed;
}
.tbl-timetable thead{
}
.tbl-timetable thead th{
	border:solid 1px #ddd;
	padding:10px;
	background:#E1EFF9;
	text-align:center;
}
.tbl-timetable thead th:first-child{
	width:500px;
}
.tbl-timetable thead{
	font-weight:bold;
	font-size:20px;
}
.tbl-timetable thead th.large span{
	font-size:14px;
}
.tbl-timetable tbody th{
	border:solid 1px #ddd;
	padding:10px;
}
.tbl-timetable tbody td{
	border:solid 1px #ddd;
	padding:10px;
	text-align:center;
}
.tbl-timetable .dont{
	background:#7FBBE6;
	color:#fff;
}
/*--------------------
 * about
 * ------------------- */

.overlayBox-about{
}
.overlayBox-about .pic{
}
.overlayBox-about .cnt{
}
.overlayBox-about .cnt .tit{
	color:#00A3E5;
	font-size:30px;
	font-weight:bold;
	margin-bottom:25px;
	text-align:center;
}
.overlayBox-about .cnt .txt{
}
.overlayBox-about .cnt .txt.txt-two,
.overlayBox-about .cnt .txt.txt-three{
	padding-right:33%;
}
.overlayBox-about .cnt .batch{
	 width:31%;
	 height:auto;
	 position:absolute;
	 bottom:-10%;
	 right:0%;
}
.overlayBox-about .cnt .batch img{
	 width:100%;
	 height:auto;
 }


/* ----- */
.tokutyouLst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.tokutyouLst .item{
	flex-basis:31%;
	margin-bottom:50px;
	position:relative;
}
.tokutyouLst .item .icon{
	position:absolute;
	top:-10%;
	left:5%;
	width:22%;
	z-index:10;
}
.tokutyouLst .item .icon img{
	width:100%;
	height:auto;
}
.tokutyouLst .item .pic{
	position:relative;
	z-index:1;
}
.tokutyouLst .item .pic img{
	width:100%;
	height:auto;
}
.tokutyouLst .item .tit{
	position:relative;
	z-index:10;
	font-size:20px;
	color:#0C6CBB;
	font-weight:bold;
	background:#fff;
	padding:10px 0 0;
	min-height:70px;
	text-align:center;
	width:90%;
	border-radius:5px;
	margin-top:-20px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
.tokutyouLst .item .txt{
	font-size:16px;
}

@media screen and (max-width: 1000px) { 

	.overlayBox-about .cnt .txt.txt-two{
		padding-right:0% ;
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.tokutyouLst .item{
		flex-basis:48%;
		margin-bottom:50px;
		position:relative;
	}
	.overlayBox-about .cnt .tit{
		font-size:18px;
	}
	.overlayBox-about .cnt .tit br{
		display:none;
	}
	.overlayBox-about .cnt .txt.txt-one{
		padding-right:22%;
	}
	.overlayBox-about .cnt .txt.txt-two,
	.overlayBox-about .cnt .txt.txt-three{
		padding-right:0% ;
	}
	.tokutyouLst .item .icon{
		top:-20px;
		left:-10px;
	}
	.overlayBox-about .cnt .batch{
		width:20%;
		bottom:auto;
		top:-26%;
	}
}
@media screen and (max-width: 540px) { /* Smartphone */
	.tokutyouLst .item{
		flex-basis:100%;
		margin-bottom:50px;
		position:relative;
	}
	.tokutyouLst .item .tit{
		height:auto;
		margin-bottom:20px;
	}
	.overlayBox-about .cnt .tit br{
		display:block;
	}
	.overlayBox-about .cnt {
	}
	.overlayBox-about .cnt .txt.txt-one,
	.overlayBox-about .cnt .txt.txt-two,
	.overlayBox-about .cnt .txt.txt-three{
		padding-right:0% ;
	}
	.overlayBox-about .cnt .batch{
		width:20%;
		bottom:auto;
		top:-40px;
	}
}
@media screen and (max-width: 400px) { /* Smartphone */
	.overlayBox-about .cnt .batch{
		width:20%;
		top:-10px;
	}
}
/*--------------------
 * enterprise
 * ------------------- */
/* ---- */
.lectureHeader{
	background:#FAF9E7;
	padding:20px;
	border-radius:10px;
	margin-bottom:50px;
}
.lectureHeader > .pic{
}
.lectureHeader > .pic img{
}
.lectureHeader > .cnt{
}

/* ---- */
.lectureHeader-picright{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.lectureHeader-picright > .pic{
	flex-basis:33%;
	order:2;
	margin-top:-40px;
}
.lectureHeader-picright > .pic img{
	width:100%;
	height:auto;
}
.lectureHeader-picright > .cnt{
	flex-basis:65%;
	order:1;
}


/* lectureHeader__tit */
.lectureHeader > .cnt .lectureHeader__tit{
	display:flex;
	align-items: center;
	margin-bottom:20px;
}
.lectureHeader > .cnt .lectureHeader__tit .pic{
}
.lectureHeader > .cnt .lectureHeader__tit .pic img{
}
.lectureHeader > .cnt .lectureHeader__tit .tit{
	padding-left:30px;
	font-size:30px;
	font-weight:bold;
	color:#CB7FDD;
}


/* lectureHeader__price */
.lectureHeader > .cnt .lectureHeader__price{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.lectureHeader > .cnt .lectureHeader__price li{
	display:flex;
	flex-wrap: wrap;
	flex-basis: 30%;
	align-items: center;
	margin-right:8px;
}
.lectureHeader > .cnt .lectureHeader__price li:last-child{
	margin-right:0;
}
.lectureHeader > .cnt .lectureHeader__price .lbl{
	background:#7AC3CD;
	color:#fff;
	font-size:13px;
	border-radius:100px;
	padding:1px 10px;
	margin-right:5px;
}
.lectureHeader > .cnt .lectureHeader__price .price{
	font-size:24px;
	font-weight:bold;
}
.lectureHeader > .cnt .lectureHeader__price .price span{
	font-size:16px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.lectureHeader > .cnt .lectureHeader__price li{
		flex-basis: 100%;
		margin: 0;
	}

}


/* optTable */
.optTable{
	width:100%;
}
.optTable thead{
}
.optTable thead th{
	border:solid 1px #ddd;
	background:#E1EFF9;
	padding:10px;
	font-weight:bold;
	text-align:center;
}
.optTable thead th:nth-child(1){ width:110px; }
.optTable thead th:nth-child(2){  }
.optTable thead th:nth-child(3){  }
.optTable thead th:nth-child(4){ width:110px; }
.optTable tbody{
}
.optTable tbody th{
	border:solid 1px #ddd;
	background:#E1EFF9;
	padding:10px;
	width:110px;
	font-weight:bold;
	text-align:center;
}
.optTable tbody td{
	border:solid 1px #ddd;
	background:#fff;
	padding:10px;
}
.optTable tbody td.time{ text-align:center;}

@media screen and (max-width: 767px) { /* Smartphone */
	.optTable{
		width:1000px;
	}
	.lectureHeader-picright{
	}
	.lectureHeader-picright > .pic{
		display:none;
	}
	.lectureHeader-picright > .pic img{
	}
	.lectureHeader-picright > .cnt{
		flex-basis:100%;
		order:1;
	}

	/* lectureHeader__tit */
	.lectureHeader > .cnt .lectureHeader__tit{
		display:flex;
		align-items: center;
		margin-bottom:20px;
	}
	.lectureHeader > .cnt .lectureHeader__tit .pic{
		flex-basis:60px;
	}
	.lectureHeader > .cnt .lectureHeader__tit .pic img{
		width:100%;
		height:auto;
	}
	.lectureHeader > .cnt .lectureHeader__tit .tit{
		flex-basis:calc(100% - 60px);
		font-size:23px;
		padding-left:15px;
	}

}
/*--------------------
 * parentLinklist 
 * ------------------- */
.parentLinklist{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.parentLinklist .item{
	flex-basis:31%;
	margin-bottom:60px;
	box-shadow: 0px 0px 15px -5px #777777;
	padding:15px;
	border-radius:10px;
}
.parentLinklist .item a{
	text-decoration:none;
}
.parentLinklist .item .tit{
	color:#111;
	text-align:center;
	font-weight:bold;
	display:block;
	margin-bottom:20px;
	font-size:18px;
}
.parentLinklist .item .tit span{
	font-size:14px;
}
.parentLinklist .item .pic{
	display:block;
}
.parentLinklist .item .pic img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.parentLinklist .item{
		flex-basis:48%;
	}
}

@media screen and (max-width: 500px) { /* Smartphone */
	.parentLinklist .item{
		flex-basis:100%;
		margin-bottom:10px;
	}
	.parentLinklist.type-02 .item{
		flex-basis:48%;
	}
}

/*--------------------
 * qabox
 * ------------------- */
.parentLinklist.type-02 .item a{
	text-decoration:underline;
	text-underline-offset:6px;
	text-decoration-color: #27ABE5;
}
.parentLinklist.type-02 .item .tit{
	color:#27ABE5;
	font-size:20px;
}


/*--------------------
 * qabox
 * ------------------- */
 .qabox{
 }
 .qabox dl{
	 background:#fff;
	 padding:20px;
	 margin-bottom:20px;
 }
 .qabox dl dt{
	 font-size:16px;
	 background:url(/shared/img/qa_q.png) no-repeat left top;
	 padding-top:10px;
	 min-height:40px;
	 padding-left:70px;
 }
 .qabox dl dt span{
	 display:block;
	 background:url(/shared/img/qa_open.png) no-repeat right 15px top;
	 padding-right:30px;
 }
 .qabox dl dt.active span{
	 background-image:url(/shared/img/qa_close.png);
 }
 .qabox dl dd{
	 background:url(/shared/img/qa_a.png) no-repeat left top;
	 padding-left:70px;
	 margin-top:40px;
	 padding-top:10px;
	 min-height:40px;
 }

@media screen and (max-width: 767px) { /* Smartphone */
	 .qabox dl{
		 padding:10px;
	 }
	 .qabox dl dt{
		 background-size:25px auto;
		 min-height:30px;
		 padding-left:30px;
		 padding-top:0;
	 }
	 .qabox dl dt span{
		 display:block;
		 background:url(/shared/img/qa_open.png) no-repeat right 5px top 13px;
	 }
	 .qabox dl dt.active span{
	 }
	 .qabox dl dd{
		 background-size:25px auto;
		 padding-left:30px;
	 }
}
/*--------------------
 * sitemapLink
 * ------------------- */
.sitemapLink{
	margin-bottom:50px;
}
.sitemapLink .parent{
	font-weight:bold;
	border-bottom:solid 1px #eee;
	padding-bottom:10px;
	margin-bottom:15px;
}
.sitemapLink .child{
	padding-left:1.5em;
}
/*--------------------
 * polisyLst
 * ------------------- */
.polisyLst{
}

.polisyLst  li.child{
	list-style-position: inside;
    list-style-type: decimal;
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin-bottom: 15px;
    padding-bottom: 15px;
	border-bottom:solid 1px #EEEEEE;
}
.polisyLst li ul{
	margin-top:10px;
	margin-left:20px;
}
/*--------------------
 * 鴨居の二輪が人気な理由
 * ------------------- */

.overlayBoxList_reason{
}
.overlayBoxList_reason .overlayBox{
	margin-bottom:100px;
}
.overlayBoxList_reason .pic{
	width:50%;
}
.overlayBoxList_reason .cnt{
	background:#FAF9E7;
	flex-basis:58%;
}

/* ----- */
.overlayBoxList_reason .overlayBox:nth-child(even){
}
.overlayBoxList_reason .overlayBox:nth-child(even) .pic{
	right:0px;
}
.overlayBoxList_reason .overlayBox:nth-child(even) .cnt{
	margin-top:40px;
	margin-left:0;
}

/* ----- */
.overlayBox-reason .tit{
	font-size:30px;
	font-weight:bold;
	margin-bottom:50px;
	position:relative;
	padding-left:80px;
}
.overlayBox-reason .tit:before{
	content:"";
	background:url(/shared/img/about/reason_num01.png) no-repeat left top;
	background-size:100% auto;
	display:block;
	width:130px;
	height:130px;
	position:absolute;
	left:-70px;
	top:-20px;
}

/* ----- */
.overlayBoxList_reason .overlayBox:nth-child(even) .tit{
	padding-left:0;
	padding-right:80px;
}
.overlayBoxList_reason .overlayBox:nth-child(even) .tit:before{
	left:auto;
	right:-70px;
}
.overlayBoxList_reason .overlayBox:nth-child(3) .tit:before,
.overlayBoxList_reason .overlayBox:nth-child(4) .tit:before{
	top:-40px;
}

/* ----- */
.overlayBoxList_reason .overlayBox:nth-child(1) .tit { color:#00A3E5; }
.overlayBoxList_reason .overlayBox:nth-child(2) .tit { color:#FF9BAD; }
.overlayBoxList_reason .overlayBox:nth-child(3) .tit { color:#57BBA5; }
.overlayBoxList_reason .overlayBox:nth-child(4) .tit { color:#CB7FDD; }

.overlayBoxList_reason .overlayBox:nth-child(1) .tit:before {
	background-image:url(/shared/img/about/reason_num01.png) !important;
}
.overlayBoxList_reason .overlayBox:nth-child(2) .tit:before {
	background-image:url(/shared/img/about/reason_num02.png) !important;
}
.overlayBoxList_reason .overlayBox:nth-child(3) .tit:before {
	background-image:url(/shared/img/about/reason_num03.png) !important;
}
.overlayBoxList_reason .overlayBox:nth-child(4) .tit:before {
	background-image:url(/shared/img/about/reason_num04.png) !important;
}

/* ----- */
.overlayBox-reason .txt{
	margin-bottom:30px;
}
.overlayBox-reason .txt:last-child{
	margin-bottom:0;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.overlayBoxList_reason .overlayBox{
		margin-bottom:40px;
	}
	.overlayBoxList_reason .pic{
		width:100%;
	}
	.overlayBox-reason .cnt{
		margin-top:-30px !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-top:35px;
		margin-top:20px;
	}
	.overlayBox-reason .tit{
		font-size:17px;
		padding-left:80px !important;
		padding-right:0 !important;
	}
	.overlayBox-reason .tit:before{
		background-size:100% auto;
		display:block;
		width:60px;
		height:60px;
		position:absolute;
		left:0px !important;
		right: auto !important;
		top:-20px !important;
	}
}
/*--------------------
 * 採用情報
 * ------------------- */
.tbl-recruit{
}
.tbl-recruit thead th{
	background:#E1EFF9;
}
.tbl-recruit thead th:nth-child(2){
	background:#DDF2ED;
}
.tbl-recruit tbody th{
	background:#E1EFF9;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.tbl-recruit{
		width:800px;
	}
	.tbl-recruit thead th:nth-child(1){
		width:90px;
	}
	.tbl-recruit tbody th{
		width:90px;
	}
}
/*--------------------
 * ペーパードライバー講習をご希望の方へ
 * ------------------- */

/* .paperlst01 */
/* .paperlst01 */
/* .paperlst01 */
/* .paperlst01 */

.paperlst01{
}
/* ----- */
.paperLst01__item{
	background:#FCDCEE;
	border-radius:10px;
	margin-bottom:70px;
	padding:30px;
	position:relative;
}
.paperLst01__item:after{
	content:"";
	display:block;
	width:100%;
	height:30px;
	background:url(/shared/img/price/paperLst01_no01_arrow.png) no-repeat center center;
	position:absolute;
	bottom:-30px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.paperLst01__item{
		padding:15px;
	}
}
/* ----- */
.paperLst01__item .tit{
	font-size:30px;
	font-weight:bold;
	margin-bottom:30px;
	position:relative;

	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
}
.paperLst01__item .tit:before{
	content:"";
	display:block;
	width:100px;
	height:120px;
	background:url(/shared/img/price/paperLst01_no01_pic.png) no-repeat center center;
	background-size:auto 100%;
	order:1;
	margin-right:15px;
	margin-top:-50px;
}
.paperLst01__item .tit:after{
	content:"";
	display:block;
	width:70px;
	height:70px;
	background:url(/shared/img/price/paperLst01_no01_num.png) no-repeat center center;
	background-size:auto 100%;
	order:2;
	margin-right:15px;
}
.paperLst01__item .tit span{
	order:3;
}


/* ----- */
/* 1 */ .paperLst01__item:nth-child(1):after {background-image:url(/shared/img/price/paperLst01_no01_arrow.png); }
/* 2 */ .paperLst01__item:nth-child(2):after {background-image:url(/shared/img/price/paperLst01_no02_arrow.png); }
/* 3 */ .paperLst01__item:nth-child(3):after {background-image:url(/shared/img/price/paperLst01_no03_arrow.png); }
/* 4 */ .paperLst01__item:nth-child(4):after {background-image:none; }

/* ----- */
/* 1 */ .paperLst01__item:nth-child(1) { background-color:#FCDCEE ; }
/* 2 */ .paperLst01__item:nth-child(2) { background-color:#DCE8FC ; }
/* 3 */ .paperLst01__item:nth-child(3) { background-color:#DCFCDE ; }
/* 4 */ .paperLst01__item:nth-child(4) { background-color:#FCE8DC ; }

/* ----- */
/* 1 */
.paperLst01__item:nth-child(1) .tit span{ color:#F052A9 ; }
.paperLst01__item:nth-child(1) .tit:before{
	background:url(/shared/img/price/paperLst01_no01_pic.png) no-repeat center center;
}
.paperLst01__item:nth-child(1)  .tit:after{
	background:url(/shared/img/price/paperLst01_no01_num.png) no-repeat center center;
}
/* 2 */
.paperLst01__item:nth-child(2) .tit span{ color:#3479ED ; }
.paperLst01__item:nth-child(2) .tit:before{
	background:url(/shared/img/price/paperLst01_no02_pic.png) no-repeat center center;
}
.paperLst01__item:nth-child(2)  .tit:after{
	background:url(/shared/img/price/paperLst01_no02_num.png) no-repeat center center;
}
/* 3 */
.paperLst01__item:nth-child(3) .tit span{ color:#64B05F ; }
.paperLst01__item:nth-child(3) .tit:before{
	background:url(/shared/img/price/paperLst01_no03_pic.png) no-repeat center center;
	width:200px;
	height:66px;
	margin-top:auto;
}
.paperLst01__item:nth-child(3)  .tit:after{
	background:url(/shared/img/price/paperLst01_no03_num.png) no-repeat center center;
}
/* 4 */
.paperLst01__item:nth-child(4) .tit span{ color:#EE8340 ; }
.paperLst01__item:nth-child(4) .tit:before{
	background:url(/shared/img/price/paperLst01_no04_pic.png) no-repeat center center;
}
.paperLst01__item:nth-child(4)  .tit:after{
	background:url(/shared/img/price/paperLst01_no04_num.png) no-repeat center center;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.paperLst01__item .tit{
		font-size:20px;
	}
	.paperLst01__item .tit span{
		flex-basis:100%;
		padding-top:10px;
	}
}


/* ----- */
.paperLst01__item .cnt .paperLst__naiyou{
	background:#fff;
	padding:15px;
	border-radius:10px;

	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
}
.paperLst01__item .cnt .paperLst__naiyou h4{
	flex-basis:120px;
	font-size:18px;
	font-weight:bold;
	color:#64B060;
	text-align:center;
}
.paperLst01__item .cnt .paperLst__naiyou p{
	flex-basis:calc(100% - 120px);
}
@media screen and (max-width: 767px) { /* Smartphone */
	.paperLst01__item .cnt .paperLst__naiyou{
		padding:10px;
	}
	.paperLst01__item .cnt .paperLst__naiyou h4{
		flex-basis:100%;
		margin-bottom:10px;
	}
	.paperLst01__item .cnt .paperLst__naiyou p{
		flex-basis:100%;
	}
}
/* ----- */
.paperLst01__item .cnt .paperLst__meritLst{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.paperLst01__item .cnt .paperLst__meritLst li{
	flex-basis:32%;
	background:#fff;
	padding:15px;
	border-radius:10px;
	box-sizing:border-box;
}
.paperLst01__item .cnt .paperLst__meritLst li h4{
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	color:#ED833F;
}
.paperLst01__item .cnt .paperLst__meritLst li p{
	font-size:15px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.paperLst01__item .cnt .paperLst__meritLst li{
		flex-basis:100%;
		margin-bottom:10px;
		padding:10px;
	}
}

/*--------------------
 * ペーパードライバー講習をご希望の方へ
 * ------------------- */

.paperPlan{
}
.paperPlan__item{
}
.paperPlan .layoutBox{
	width:100%;
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
}

/* paperPlan__item__tit */
.paperPlan__item__tit {
	background:#FAF9E7;
	border-radius:10px;
	padding:15px;
	margin-bottom:40px;

	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
	position:relative;
}
.paperPlan__item__tit:before{
	content:"";
	display:block;
	width:50px;
	height:50px;
	background:url(/shared/img/price/paperPlan_01_num01.png) no-repeat center center;
	background-size:auto 100%;
	margin-right:15px;
}
.paperPlan__item__tit:after{
	position:absolute;
	content:"";
	display:block;
	width:97px;
	height:100px;
	background:url(/shared/img/price/paperPlan_01_pic01.png) no-repeat center center;
	background-size:auto 100%;
	top:-20px;
	right:15px;
}
.paperPlan__item__tit__inner {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
}
.paperPlan__item__tit .tit{
	color:#D8569B;
	font-weight:bold;
	font-size:30px;
	margin-right:50px;
}
.paperPlan__item__tit .lectureHeader__price{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.paperPlan__item__tit .lectureHeader__price li{
	display:flex;
	align-items: center;
	margin-right:8px;
}
.paperPlan__item__tit .lectureHeader__price li:last-child{
	margin-right:0;
}
.paperPlan__item__tit .lectureHeader__price .lbl{
	background:#7AC3CD;
	color:#fff;
	font-size:13px;
	border-radius:100px;
	padding:1px 10px;
	margin-right:5px;
}
.paperPlan__item__tit .lectureHeader__price .price{
	font-size:24px;
	font-weight:bold;
}
.paperPlan__item__tit .lectureHeader__price .price span{
	font-size:16px;
}

/* 1 */
.paperPlan-01 .paperPlan__item__tit:before{
	background:url(/shared/img/price/paperPlan_01_num01.png) no-repeat center center;
}
.paperPlan-01 .paperPlan__item__tit:after{
	background:url(/shared/img/price/paperPlan_01_pic01.png) no-repeat center center;
}
.paperPlan-01 .paperPlan__item__tit .tit{ color:#D8569B; }

/* 2 */
.paperPlan-02 .paperPlan__item__tit:before{
	background:url(/shared/img/price/paperPlan_01_num02.png) no-repeat center center;
}
.paperPlan-02 .paperPlan__item__tit:after{
	background:url(/shared/img/price/paperPlan_01_pic02.png) no-repeat center center;
}
.paperPlan-02 .paperPlan__item__tit .tit{ color:#94C968; }
/* 3 */
.paperPlan-03 .paperPlan__item__tit:before{
	background:url(/shared/img/price/paperPlan_01_num03.png) no-repeat center center;
}
.paperPlan-03 .paperPlan__item__tit:after{
	background:url(/shared/img/price/paperPlan_01_pic03.png) no-repeat center center;
}
.paperPlan-03 .paperPlan__item__tit .tit{ color:#54BDB2; }


/* 4 */
.paperPlan-04 .paperPlan__item__tit:before{
	background:url(/shared/img/price/paperPlan_01_num04.png) no-repeat center center;
}
.paperPlan-04 .paperPlan__item__tit:after{
	background:url(/shared/img/price/paperPlan_01_pic04.png) no-repeat center center;
}
.paperPlan-04 .paperPlan__item__tit .tit{ color:#5D93CE; }




/* paperPlan .layoutBox .cnt */
/* paperPlan .layoutBox .cnt */
.paperPlan .layoutBox .cnt{
	padding-right:20px;
}



/* tbl-paper */
/* tbl-paper */
/* tbl-paper */
.tbl-paper{
	width:100%;
}
.tbl-paper caption{
	border:solid 1px #DDDDDD;
	background:#E1EFF9;
	padding:6px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}
.tbl-paper tr th{
	border:solid 1px #DDDDDD;
	padding:6px;
	font-weight:bold;
	text-align:center;
	font-size:15px;
	width:100px;
}
.tbl-paper tr td{
	border:solid 1px #DDDDDD;
	padding:6px;
	width:calc(100% - 100px);
	font-size:14px;
}

.tbl-paper tr:nth-child(1) th{ background:#FCE9F1; }
.tbl-paper tr:nth-child(2) th{ background:#FCE2CA; }
.tbl-paper tr:nth-child(3) th{ background:#FFFBC4; }
.tbl-paper tr:nth-child(4) th{ background:#E8F0C4; }
.tbl-paper tr:nth-child(5) th{ background:#E8F5FA; }
.tbl-paper tr:nth-child(6) th{ background:#DEE3DE; }
.tbl-paper tr:nth-child(7) th{ background:#E2DFEF; }


.paperPlan .layoutBox .lst01{
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
}
/*--------------------
 * 入校受付時間等
 * ------------------- */
.paperMemo{
}
.paperMemo .item{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	border-bottom:solid 1px #EEEEEE;
	padding-bottom:80px;
	margin-bottom:30px;
}
.paperMemo .item .tit{
	flex-basis:21%;
	font-weight:bold;
	font-size:16px;
}
.paperMemo .item .cnt{
	flex-basis:79%;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.paperMemo .item{
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.paperMemo .item .tit{
		flex-basis:100%;
		margin-bottom:10px;
	}
	.paperMemo .item .cnt{
		flex-basis:100%;
		padding-left:20px;
	}
}
/*--------------------
 * 予約可能時間
 * ------------------- */
.paperMemo_timeTbl{
	margin-bottom:20px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: flex-start;
}
.paperMemo_timeTbl table{
	flex-basis:32%;
	border:solid 1px #DDDDDD;
}
.paperMemo_timeTbl table caption{
	text-align:center;
	border:solid 1px #DDDDDD;
	padding:5px;
}
.paperMemo_timeTbl table th{
	border-right:solid 1px #DDDDDD;
	width:50px;
	text-align:center;
	padding:5px 10px;
}
.paperMemo_timeTbl table td{
	padding:0 10px;
	padding-left:15px;
}
.paperMemo_timeTbl__morning caption{ background:#F6B26F; }
.paperMemo_timeTbl__evening caption{ background:#A8CE65; }
.paperMemo_timeTbl__night caption{ background:#31B3CE; }

@media screen and (max-width: 767px) { /* Smartphone */
	.paperMemo_timeTbl table{
		margin-bottom:10px;
		flex-basis:100%;
	}
	.paperMemo_timeTbl table th{
		padding:5px;
	}
	.paperMemo_timeTbl table td{
		padding:5px;
	}
}
/*--------------------
 * paperMemo_priceTbl
 * ------------------- */
.paperMemo_priceTbl{
	width:100%;
	table-layout:fixed;
}
.paperMemo_priceTbl thead{
}
.paperMemo_priceTbl thead th{
	border:solid 1px #DDDDDD;
	padding:8px;
	text-align:center;
	font-size:18px;
	color:#fff;
}

.paperMemo_priceTbl thead th:nth-child(1) { background:#FFFFFF; border-top:none;border-left:none;}
.paperMemo_priceTbl thead th:nth-child(2) { background:#D8569B;}
.paperMemo_priceTbl thead th:nth-child(3) { background:#95C969;}
.paperMemo_priceTbl thead th:nth-child(4) { background:#54BDB2;}
.paperMemo_priceTbl thead th:nth-child(5) { background:#5D94CF;}


.paperMemo_priceTbl tbody{
}
.paperMemo_priceTbl tbody th{
	border:solid 1px #DDDDDD;
	padding:8px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
}
.paperMemo_priceTbl tbody th span{
	font-size:13px;
}
.paperMemo_priceTbl tbody td{
	border:solid 1px #DDDDDD;
	padding:8px;
	text-align:center;
	font-size:15px;
}
.paperMemo_priceTbl tbody td span{
	font-size:13px;
	display:block;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.paperMemo_priceTbl th,
	.paperMemo_priceTbl td{
		padding:2px 3px !important;
		font-size:14px !important;
	}
}
/*--------------------
 * accessBusNav
 * ------------------- */
.accessBusNav{
	margin-bottom:50px;
}
.accessBusNav .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.accessBusNav .lst .item{
	flex-basis:19.5%;
	border:solid 1px #DDDDDD;
	border-bottom:solid 3px #666666;
	border-radius:5px;
	text-align:center;
}
.accessBusNav .lst .item a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	padding:10px 5px 8px;
	border-bottom:13px solid  #DDDDDD;
	position:relative;

	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items: center;


}
.accessBusNav .lst .item a:after{
	content:"";
	display:block;
	width:100%;
	height:13px;
	position:absolute;
	bottom:-13px;
	left:0;
	background:url(/shared/img/accessBusNav_arrow.png) no-repeat center center;
}

.accessBusNav .lst .item:nth-child(1) a:before{ 
	content:"";
	display:inline-block;
	background:url(/shared/img/access/accessBusNav_icon01.png) no-repeat;
	background:auto 100%;
	width:40px;
	height:24px;
	margin-right:8px;
}

.accessBusNav .lst .item:nth-child(1){ border-bottom-color:#666666; }
.accessBusNav .lst .item:nth-child(2){ border-bottom-color:#ED2A22; }
.accessBusNav .lst .item:nth-child(3){ border-bottom-color:#2000B6; }
.accessBusNav .lst .item:nth-child(4){ border-bottom-color:#328B00; }
.accessBusNav .lst .item:nth-child(4){ border-bottom-color:#EF8C00; }

.accessBusNav .lst .item:nth-child(1) a{ border-bottom-color:#DDDDDD; }
.accessBusNav .lst .item:nth-child(2) a{ border-bottom-color:#FAC8C5; }
.accessBusNav .lst .item:nth-child(3) a{ border-bottom-color:#D5CCFF; }
.accessBusNav .lst .item:nth-child(4) a{ border-bottom-color:#C9EBB1; }
.accessBusNav .lst .item:nth-child(4) a{ border-bottom-color:#FFD79F; }

.accessBusNav .lst .item:nth-child(1) a:hover{ border-bottom-color:#CCCCCC; }
.accessBusNav .lst .item:nth-child(2) a:hover{ border-bottom-color:#E8A7A4; }
.accessBusNav .lst .item:nth-child(3) a:hover{ border-bottom-color:#C1B1F5; }
.accessBusNav .lst .item:nth-child(4) a:hover{ border-bottom-color:#B3D484; }
.accessBusNav .lst .item:nth-child(4) a:hover{ border-bottom-color:#F8C68E; }




@media screen and (max-width: 767px) { /* Smartphone */
	.accessBusNav .lst .item{
		flex-basis:49%;
		margin-bottom:6px;
	}
	.accessBusNav .lst .item a{
		font-size:15px;
	}
	.accessBusNav .lst .item:nth-child(1) a:before{ 
		width: 25px;
		height: calc(25px * 3 / 5);
		background-size:100% auto;
	}
}
/*--------------------
 * accessBusLead
 * ------------------- */
.accessBusLead{
	background:#FAF9E7;
	padding:30px;
	border-radius:10px;
	margin-bottom:100px;
}
.accessBusLead .tit{
	margin-bottom:20px;
	font-size:30px;
	font-weight:bold;
	color:#EF8C00;

	padding-top:20px;
	min-height:70px;
}
.accessBusLead .txt01{
}
.accessBusLead .tit.accessBusLead01{
	color:#EF8C00;

}
.accessBusLead .tit.accessBusLead02{
	color:#ED2A22;

}
.accessBusLead .tit.accessBusLead03{
	color:#328B00;

}
.accessBusLead .tit.accessBusLead04{
	color:#2000B6;

}

@media screen and (max-width: 767px) { /* Smartphone */
	.accessBusLead{
		padding:15px;
		margin-bottom:50px;
	}
	.accessBusLead .tit{
		font-size:20px;
		background-size:40px;
		padding-left:50px;
		padding-top:10px;
	}
}
/*--------------------
 * busTopMap
 * ------------------- */
.busTopMap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.busTopMap .pic{
	flex-basis:66%;
	text-align:center;
}
.busTopMap .pic img{
	width:100%;
	max-width:780px;
	height:auto;
}
.busTopMap .lnks{
	flex-basis:32%;
}
.busTopMap .lnks li{
	margin-bottom:10px;
	box-shadow: 0px 0px 15px -5px #777777;
	width:calc(100% - 5px);
	background:#fff;
	padding:15px;
	box-sizing:border-box;
	border-radius:8px;
	border-right:solid 30px #FFD79F;
}
.busTopMap .lnks a{
	display:block;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
}

.busTopMap .lnks a .tit{
	font-size:16px;
	color:#F9921A;
	font-weight:bold;
	min-height:40px;
	padding-top:10px;
	margin-bottom:10px;
}

.busTopMap .lnks a .tit span{
	font-size: 30px;
}

.busTopMap .lnks a .txt{
	font-size:14px;
	color:#111111;
}
.busTopMap .lnks a:before{
	display:block;
	content:"";
	width:24px;
	height:24px;
	background:url(/shared/img/access/busTopMap_arrow01.png) no-repeat center center;
	background-size:100% auto;
	position:absolute;
	top:0;
	bottom:0;
	right:-30px;
	margin:auto;
}
/* ----- */
.busTopMap .lnks li:nth-child(1) { border-right:solid 30px #FFD79F; }
.busTopMap .lnks li:nth-child(1) a .tit{ color:#F9921A; }
.busTopMap .lnks li:nth-child(1) a:before{ background-image:url(/shared/img/access/busTopMap_arrow01.png); }

.busTopMap .lnks li:nth-child(2) { border-right:solid 30px #FAC8C5; }
.busTopMap .lnks li:nth-child(2) a .tit{ color:#ED2A22;  }
.busTopMap .lnks li:nth-child(2) a:before{ background-image:url(/shared/img/access/busTopMap_arrow02.png); }



.busTopMap .lnks li:nth-child(3) { border-right:solid 30px #D5CCFF; }
.busTopMap .lnks li:nth-child(3) a .tit{ color:#0000FF; ; }
.busTopMap .lnks li:nth-child(3) a:before{ background-image:url(/shared/img/access/busTopMap_arrow04.png); }

.busTopMap .lnks li:nth-child(1):hover { border-right:solid 30px #FFB94A; }
.busTopMap .lnks li:nth-child(2):hover { border-right:solid 30px #FA9CA3; }

.busTopMap .lnks li:nth-child(3):hover { border-right:solid 30px #B8A8FF; }


@media screen and (max-width: 1000px) { 
	.busTopMap .pic{
		flex-basis:100%;
		margin-bottom:20px;
	}
	.busTopMap .lnks{
		flex-basis:100%;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.busTopMap .lnks li{
		flex-basis:48%;
	}
}

@media screen and (max-width: 767px) { /* Smartphone */
	.busTopMap .pic{
		flex-basis:100%;
		margin-bottom:20px;
	}
	.busTopMap .lnks{
		flex-basis:100%;
	}
	.busTopMap .lnks li{
		flex-basis:100%;
	}
}
/*--------------------
 * tblBus_top
 * ------------------- */
.tblBus_top{
	width:100%;
}
.tblBus_top thead{
}
.tblBus_top thead th{
	border:solid 1px #DDDDDD;
	padding:10px;
	font-weight:bold;
	text-align:center;
	font-size:15px;
}
.tblBus_top tbody th{
	border:solid 1px #DDDDDD;
	padding:10px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
}
.tblBus_top tbody td{
	border:solid 1px #DDDDDD;
	padding:10px;
	vertical-align:middle;
	font-size:14px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.tblBus_top thead th{
		padding:5px;
		font-size:13px;
	}
	.tblBus_top tbody th{
		padding:5px;
		font-size:13px;
	}
	.tblBus_top tbody td{
		padding:5px;
		font-size:13px;
	}
}


/*--------------------
 * paperriderPlan
 * ------------------- */

/* paperriderPlan */
.paperriderPlan {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.paperriderPlan .item{
	flex-basis:47%;
	border-radius:8px;
	background:#FAF9E7;
	padding:20px;
	margin-bottom:20px;
}
/* --- */
.paperriderPlan .item .tit{
	background:url(/shared/img/price/paperPlan_01_num01.png) no-repeat left center;
	padding:10px 0 10px 60px;
	font-size:30px;
	font-weight:bold;
	color:#D8569B;
}
.paperriderPlan .item:nth-child(1) .tit{
	background:url(/shared/img/price/paperPlan_01_num01.png) no-repeat left center;
	color:#D8569B;
}
.paperriderPlan .item:nth-child(2) .tit{
	background:url(/shared/img/price/paperPlan_01_num02.png) no-repeat left center;
	color:#95C969;
}
.paperriderPlan .item:nth-child(3) .tit{
	background:url(/shared/img/price/paperPlan_01_num03.png) no-repeat left center;
	color:#54BDB2;
}
.paperriderPlan .item:nth-child(4) .tit{
	background:url(/shared/img/price/paperPlan_01_num04.png) no-repeat left center;
	color:#5D93CE;
}
/* --- */
.paperriderPlan .paperriderPlan__price{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin-bottom:15px;
}
.paperriderPlan .paperriderPlan__price li{
	display:flex;
	align-items: center;
	margin-right:8px;
}
.paperriderPlan .paperriderPlan__price li:last-child{
	margin-right:0;
}
.paperriderPlan .paperriderPlan__price .lbl{
	background:#7AC3CD;
	color:#fff;
	font-size:13px;
	border-radius:100px;
	padding:1px 10px;
	margin-right:5px;
}
.paperriderPlan .paperriderPlan__price .price{
	font-size:24px;
	font-weight:bold;
}
.paperriderPlan .paperriderPlan__price .price span{
	font-size:16px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.paperriderPlan .item{
		flex-basis:100%;
	}
}


/*--------------------
 * overlayBox-paperrider
 * ------------------- */

.overlayBox-paperrider{
}
.overlayBox-paperrider{
}
.overlayBox-paperrider .pic{
}
.overlayBox-paperrider .pic img{
}
.overlayBox-paperrider .cnt{
	background:#FAF9E7;
}
.overlayBox-paperrider .tit{
 font-size:23px;
 font-weight:bold;
 color:#00A3E5;
 margin-bottom:30px;
}
.overlayBox-paperrider .txt{
 font-size:16px;
 color:#111;
}

/*--------------------
 * voice-instructor
 * ------------------- */
.voice-instructor{
	background:#FAF9E7;
	padding:35px 0;
}
.voice-instructor .layoutBox{
	max-width:850px;
	margin:0 auto;
}
.voice-instructor .layoutBox .cnt{
	padding-top:15px;
}
.voice-instructor .layoutBox .tit{
	font-size:30px;
	color:#111111;
	margin-bottom:20px;
}
.voice-instructor .layoutBox .txt{
	font-size:16px;
	color:#111111;
}

/*--------------------
 * aboutKashiwa
 * ------------------- */
.aboutKashiwa{
}
.aboutKashiwa .layoutBox{
}
.aboutKashiwa .layoutBox .cnt{
}
.aboutKashiwa .layoutBox .cnt .tit{
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}
.aboutKashiwa .layoutBox .cnt .txt{
	font-size:16px;
}

/*--------------------
 * aboutPaperriderCourse
 * ------------------- */
.aboutPaperriderCourse{
	padding:25px 50px;
}
.aboutPaperriderCourse .tit{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
}
.aboutPaperriderCourse .tit_main{
	font-size:30px;
	font-weight:bold;
	margin-right:20px;
}
.aboutPaperriderCourse .tit_lead{
	font-size:16px;
	font-weight:normal;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.aboutPaperriderCourse{
		padding:15px 20px;
	}
	.aboutPaperriderCourse .tit_main{
		flex-basis:100%;
		font-size:23px;
	}
	.aboutPaperriderCourse .tit_lead{
		flex-basis:100%;
		font-size:14px;
	}
}


/*--------------------
 * student/timetable/
 * ------------------- */

.timetable_box{
	display: flex;
    align-items: center;
    gap: 20px;
	margin-bottom: 30px;
}



.timetable_btn{}


.timetable_btn a{
	display: flex;
    box-shadow: 0px 1px 7px #ccc;
    padding: 10px;
    border-radius: 7px;
    max-width: 550px;
    align-items: center;
    text-align: center;
	margin: 20px;
}

.timetable_btn a span{
	flex: 1;
}



/*--------------------
 * price
 * ------------------- */





.pricetb{
	width:100%;
}
.pricetb th{
	background: #666;
	border:solid 1px #666;
	color: #fff;
	padding:10px;
	text-align:center;
	font-weight: bold;
	font-size: 20px;
	width:20%;
}
.pricetb td{
	background:#FFFFFF;
	border:solid 1px #666;
	padding:10px;
	font-size: 18px;
	text-align: center;
}
.pricetb .value{
	font-size:120%;
	color: #187ef1;
}
.pricetb .tax{
	font-size:80%;
}

.pricetb_nr01 th{
	background:#e9b118;
}

.pricetb_nr02 th{
	background:#21d188;
}

@media screen and (max-width: 767px) { /* Smartphone */


	.pricetb{
		width:800px;
	}

}



/*--------------------
 * rental
 * ------------------- */


.tbl-rental{
	width:100%;
	border-top: 3px solid #007DD3;
	border-bottom: 3px solid #007DD3;
}
.tbl-rental thead th{
	background: #E1EFF9;
	border:solid 1px #666;
	padding:10px;
	text-align:center;
	font-weight: bold;
	font-size: 18px;
}

.tbl-rental tbody tr.gyo{
	border-top: 3px solid #007DD3;
}

.tbl-rental tbody th{
	background: #E1EFF9;
	border:solid 1px #666;
	padding:10px;
	text-align:center;
	font-weight: bold;
	font-size: 18px;
}


.tbl-rental tbody td{
	background:#FFFFFF;
	border:solid 1px #666;
	padding:10px;
	text-align: center;
}

.tbl-rental tbody td.price{
	font-size: 18px;
}


/*--------------------
 * usingCars
 * ------------------- */
.usingCars{
	display:flex;
	flex-wrap:wrap;
	gap:0 50px;
}
.usingCars .item{
	width:calc( (100% - 50px) / 2 );
	border:solid 10px #69B9EE;
	background:#EBF9FF;
	border-radius:10px;
	padding:15px 5px 10px;
}
.usingCars .item .tit{
	font-size: clamp(20px, 4.5vw , 35px);
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}
.usingCars .item .pic{
	text-align:center;
}
.usingCars .item .pic img{
	width:100%;
	max-width:186px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.usingCars{
		gap:0 20px;
	}
	.usingCars .item{
		width:calc( (100% - 20px) / 2 );
		border:solid 4px #69B9EE;
		padding:10px 5px 5px;
	}
}

/*--------------------
 * choosingreason
 * ------------------- */
.choosingReason{
	width:100%;
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
}
/* ------ */
.choosingReason__tit{
	font-weight:bold;
	background:url(/shared/img/academy/reason_icon.png) no-repeat left center;
	background-size:auto 158px;
	padding:35px 15px 35px 145px;
}
.choosingReason__tit .line01{
	font-size: clamp(22px, 3.9vw , 30px);
	color:#000000;
	display:inline-block;
	padding:0 10px;
}
.choosingReason__tit .line02{
	font-size: clamp(25px, 5.2vw , 40px);
	color:#1C97CE;
	display:inline-block;
	background:linear-gradient(transparent 60%, #ff6 60%);
	padding:0 10px;
}
/* ------ */
.choosingReason__lst{
	display:flex;
	flex-wrap:wrap;
	row-gap:20px;
}
.choosingReason__lst .item{
	width:100%;
	font-size: clamp(17px, 3.5vw , 25px);
	color:#474747;
	font-weight:bold;
	border:dashed 2px #00B9FF;
	border-radius:100px;
	padding:15px 15px 15px 75px;

	background:#fff url(/shared/img/academy/choosingReason__lst_item01.png) no-repeat 10px top;
}

.choosingReason__lst .item:nth-child(1){ background-image:url(/shared/img/academy/choosingReason__lst_item01.png); }
.choosingReason__lst .item:nth-child(2){ background-image:url(/shared/img/academy/choosingReason__lst_item02.png); }
.choosingReason__lst .item:nth-child(3){ background-image:url(/shared/img/academy/choosingReason__lst_item03.png); }
.choosingReason__lst .item:nth-child(4){ background-image:url(/shared/img/academy/choosingReason__lst_item04.png); }
.choosingReason__lst .item:nth-child(5){ background-image:url(/shared/img/academy/choosingReason__lst_item05.png); }
.choosingReason__lst .item:nth-child(6){ background-image:url(/shared/img/academy/choosingReason__lst_item06.png); }
.choosingReason__lst .item:nth-child(7){ background-image:url(/shared/img/academy/choosingReason__lst_item07.png); }
.choosingReason__lst .item:nth-child(8){ background-image:url(/shared/img/academy/choosingReason__lst_item08.png); }


@media screen and (max-width: 767px) { /* Smartphone */


	/* ------ */
	.choosingReason__tit{
		background-size:auto 120px;
		padding:5px 5px 5px 120px;
	}
	.choosingReason__tit .line01{
	}
	.choosingReason__tit .line02{
	}
	/* ------ */

	.choosingReason__lst{
		row-gap:10px;
	}
	.choosingReason__lst .item{
		border-radius:10px;
		padding:10px 8px 8px 60px;
		background-size:36px auto;
	}
}

@media screen and (max-width: 400px) { /* Smartphone */

	/* ------ */
	.choosingReason__tit{
		background-size:auto 100px;
		padding:5px 5px 5px 100px;
	}
}

/*--------------------
 * choosingreason
 * ------------------- */
.btnBox{
}
.btnBox__lst{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:10px 50px;
}
.btnBox__lst .item{
	width:calc( (100% - 50px) / 2);
	margin-left:auto;
	margin-right:auto;
}
.btnBox__lst .item a{
	display:block;
	font-size: clamp(18px, 3.5vw , 28px);
	font-weight:bold;
	border:solid 8px #EEC669;
	background:#fff;
	border-radius:10px;
	text-decoration:none;
	color:#000;
	padding:35px 10px;
	text-align:center;
}
.btnBox__lst .item a span{
	display:inline-block;
	background:url(/shared/img/academy/icon_info.png) no-repeat left center;
	padding:2px 0 4px 38px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.btnBox__lst .item{
		width:100%;
	}
	.btnBox__lst .item a{
		border:solid 3px #EEC669;
		padding:15px 10px;
	}
	.btnBox__lst .item a span{
		background-size:20px auto;
		padding:2px 0 4px 25px;
	}
}
/*--------------------
 * contactArea
 * ------------------- */
.contactArea{
}
/* ----- */
.contactArea-telcontact{
	width:100%;
	max-width:790px;

	margin-left:auto;
	margin-right:auto;
	margin-bottom:55px;

	display:grid;
	gap: 10px 0px; 
	grid-template-areas: 
	"tel btn"
	"time btn";

	grid-template-columns: 55% 40%;

}
.contactArea-telcontact .tel{ grid-area: tel; }
.contactArea-telcontact .time{ grid-area: time; }
.contactArea-telcontact .btn{ grid-area: btn; }

/* ----- */
.contactArea-telcontact .tel{
	font-size: clamp(30px, 6.5vw , 50px);
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
}
.contactArea-telcontact .tel span{
}
/* ----- */
.contactArea-telcontact .time{
	font-size: clamp(16px, 3.1vw , 24px);
	font-weight:bold;
}
.contactArea-telcontact .time span{
	font-size: clamp(16px, 2.3vw , 20px);
	display:inline-block;
	background:#9FC9FF;
	border-radius:100px;
	padding:3px 10px 5px;
	margin-right:15px;
}
/* ----- */
.contactArea-telcontact .btn{
}
.contactArea-telcontact .btn a{
	display:block;
	text-decoration:none;
	border-radius: 10px;
	background: linear-gradient(#84ce65 0%, #449b1a 100%);
	text-align:center;
	text-decoration:none;
	font-size: clamp(18px, 3.3vw , 26px);
	font-weight:bold;
	color:#fff;
	padding:40px 0;
}
.contactArea-telcontact .btn a span{
	background:url(/shared/img/academy/icon_mail.png) no-repeat left center;
	padding-left:40px;
}
@media screen and (max-width: 847px) { /* Smartphone */

	.contactArea-telcontact{
		grid-template-columns: 60% 40%;

	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.contactArea-telcontact{
		grid-template-areas: 
		"tel"
		"time"
		"btn";
		grid-template-columns: 100%;
		gap:15px 0;
	}
	/* ----- */
	.contactArea-telcontact .tel{
		text-align:center;
	}
	/* ----- */
	.contactArea-telcontact .time{
		text-align:center;
	}
	/* ----- */
	.contactArea-telcontact .btn{
	}
	.contactArea-telcontact .btn a{
		padding:15px 0;
	}
}

.contactArea-telcontact2{
	width:100%;
	max-width:620px;

	margin-bottom:10px;
	display:grid;
	gap: 10px 0px; 
	grid-template-areas: 
	"tel btn"
	"time btn";
	grid-template-columns: 55% 40%;

}
.contactArea-telcontact2 .tel{ grid-area: tel; }
.contactArea-telcontact2 .time{ grid-area: time; }
.contactArea-telcontact2 .btn{ grid-area: btn; }

/* ----- */
.contactArea-telcontact2 .tel{
	font-size: clamp(22px, 6.5vw , 34px);
	font-weight:bold;
	text-align:left;
	letter-spacing:3px;
}
.contactArea-telcontact2 .tel span{
}
/* ----- */
.contactArea-telcontact2 .time{
	font-size: clamp(14px, 3.1vw , 16px);
	font-weight:bold;
}
.contactArea-telcontact2 .time span{
	font-size: clamp(14px, 3.1vw , 16px);
	display:inline-block;
	background:#9FC9FF;
	border-radius:100px;
	padding:3px 10px 5px;
	margin-right:15px;
}
/* ----- */
.contactArea-telcontact2 .btn{
}
.contactArea-telcontact2 .btn a{
	display:block;
	text-decoration:none;
	border-radius: 10px;
	background: linear-gradient(#84ce65 0%, #449b1a 100%);
	text-align:center;
	text-decoration:none;
	font-size: clamp(18px, 3.3vw , 26px);
	font-weight:bold;
	color:#fff;
	padding:20px 0;
}
.contactArea-telcontact2 .btn a span{
	background:url(/shared/img/academy/icon_mail.png) no-repeat left center;
	padding-left:40px;
}
@media screen and (max-width: 847px) { /* Smartphone */

	.contactArea-telcontact2{
		grid-template-columns: 60% 40%;

	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.contactArea-telcontact2{
		grid-template-areas: 
		"tel"
		"time"
		"btn";
		grid-template-columns: 100%;
		gap:15px 0;
	}
	/* ----- */
	.contactArea-telcontact2 .tel{
		text-align:center;
	}
	/* ----- */
	.contactArea-telcontact2 .time{
		text-align:center;
	}
	/* ----- */
	.contactArea-telcontact2 .btn{
	}
	.contactArea-telcontact2 .btn a{
		padding:15px 0;
	}
}


/*--------------------
 * introduceBox
 * ------------------- */
.introduceBox{
	width:100%;
	max-width:1185px;
	margin:0 auto;

	display:grid;
	gap: 20px 40px; 
	grid-template-areas: 
	"pic cnt";

	grid-template-columns: 33% 63%;
}
/* ----- */
.introduceBox .pic{ grid-area: pic; }
.introduceBox .cnt{ grid-area: cnt; }
/* ----- */
.introduceBox .pic{
}
.introduceBox .pic img{
	width:100%;
	height:auto;
}
.introduceBox .cnt{ 
}
.introduceBox .cnt .tit{ 
	font-size: clamp(20px, 3.9vw , 30px);
	font-weight:bold;
	margin-bottom:20px;
}
.introduceBox .cnt .txt{ 
	font-size: clamp(16px, 2.6vw , 20px);
	font-weight:bold;
	line-height:1.8;
}
@media screen and (max-width: 1185px) { /* Smartphone */
	.introduceBox{
		width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.introduceBox{
		display:block;
		position:relative;
	}
	.introduceBox .cnt{ 
		position:relative;
		z-index:999;
		width:90%;
		margin:-50% auto 0;
		background:rgba(255,255,255,0.8);
		padding:13px;
		border-radius:10px;
	}
	.introduceBox .cnt .tit{ 
		text-align:center;
	}
	.introduceBox .cnt .txt{ 
		font-weight:normal
	}
}



/*======================================================================*
 *  [ faqBox ] 
 *======================================================================*/

.faqBox__lst{
	list-style:none;
}
.faqBox__lst li.item{
	background:#fff;
	padding:20px;
	border-radius:15px;
	margin-bottom:15px;
	box-shadow: 0px 0px 15px -5px #777777;
}
.faqBox__lst li.item .faq_q{
  cursor: pointer;
	color:#53B1B7;
	font-weight:bold;
	color:#111;
	font-size:20px;
	padding:0;
	padding-left:50px;
	padding-right:50px;

	position:relative;
	background: url('/shared/img/faq_arrow_open.png') no-repeat right center;
	background-size:16px 10px;
}
.faqBox__lst li.item .faq_q.active{
	background-image: url('/shared/img/faq_arrow_close.png');
}
.faqBox__lst li.item .faq_q p{
	margin:0;
}
.faqBox__lst li.item .faq_q:before{
	content:"";
	display:block;
	width:40px;
	height:40px;
	color:#fff;
	background: url('/shared/img/faq_q.png') no-repeat right top;
	background-size:100% auto;
	position:absolute;
	left:0;
	top:-5px;
	text-align:center;
}

/* ------ */

.faqBox__lst li.item .faq_a{
}
.faqBox__lst li.item .faq_a div{
	background: url('/shared/img/faq_a.png') no-repeat left 15px;
	padding-top:25px;
	padding-left:50px;
}
.faqBox__lst li.item .faq_a p{
	margin:0;
	padding-bottom:15px;
}
.faqBox__lst li.item .faq_a p span{
	font-weight:bold;
}
.faq_a {
  display: none;
}

.hidden {
  display: none;
}


@media(max-width: 767px) {
	.faqBox__lst li.item .faq_q{
	  cursor: pointer;
		font-size:16px;
		padding-left:35px;
		padding-right:35px;
		background-size:14px;
	}

	.faqBox__lst li.item .faq_q.active{
		background-size:27px;
	}


	.faqBox__lst li.item .faq_q:before{
		content:"";
		display:block;
		width:27px;
		height:27px;
		font-size:13px;
		top:-2px;
	}
	.faqBox__lst li.item .faq_a{
	}
	.faqBox__lst li.item .faq_a div{
		background-size: 27px;
		padding-top:17px;
		padding-left:34px;
	}


}


/*======================================================================*
 *  [ carLst ] 
 *======================================================================*/
.carLst{
	display:flex;
	flex-wrap:wrap;
	gap:90px 50px;
	margin-bottom:95px;
}
.carLst .item{
	width:calc( (100% - 100px) / 3);
}
.carLst .item .pic{
	margin-bottom:10px;
}
.carLst .item .pic img{
	width:100%;
	height:auto;
	border-radius: 8px;
}
.carLst .item .lbl{
	margin-bottom:10px;
}
.carLst .item .lbl span{
	display:inline-block;
	background:#7AC3CD;
	border-radius:100px;
	padding:1px 20px 2px;
	color:#fff;
	font-size:clamp( 14px ,  2.0vw, 16px);
}
.carLst .item .tit{
	font-size:clamp( 16px ,  2.6vw, 20px);
}

@media(max-width: 767px) {
	.carLst{
		gap:30px 20px;
	}
	.carLst .item{
		width:calc( (100% - 20px) / 2);
	}
	.carLst .item .pic{
		margin-bottom:5px;
	}
	.carLst .item .lbl{
		margin-bottom:5px;
	}
}

/*======================================================================*
 *  [ downloadLst ] 
 *======================================================================*/
.downloadLst{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap:30px 25px;
}
.downloadLst .item{

	display: grid;
	grid-template-rows: subgrid;  /* rows に subgrid を指定することで親要素の高さに揃う */
	grid-row: span 3; /* subgrid が指定されることで 親要素の4行分の高さになる */
	row-gap:15px;

	padding:35px;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius:10px;

}
.downloadLst .item .tit{
	font-size: clamp(18px, 3.1vw , 24px);
	font-weight:bold;
	border-bottom:solid 2px #000;
	padding-bottom:20px;
}
.downloadLst .item .txt{
	font-size: clamp(15px, 2.6vw , 20px);
	margin-bottom:30px;
}
.downloadLst .item .lilnkBtnArea{
}
@media(max-width: 767px) {

	.downloadLst .item{
		row-gap:15px;

		padding:15px;

	}
}
/*======================================================================*
 *  [ reasonTitObi ] 
 *======================================================================*/
.reasonTitObi{
	padding:50px 0 60px
}
.reasonTit{
	font-size:clamp( 23px , 6.5vw , 50px);
	font-weight:bold;
	position:relative;
}
.reasonTitObi .reasonTit:before{
	display:block;
	content:"";
	width:177px;
	height:300px;
	background:url(/shared/img/academy-reason/reasonDog.png) no-repeat right top;
	background-size:auto 100%;
	position:absolute;
	right:0;
	top:0;
}
@media(max-width: 767px) {
	.reasonTitObi .reasonTit:before{
		width:88px;
		height:150px;

		  top: 50%;
		  transform: translateY(-50%);
	}
}
/*======================================================================*
 *  [ titObi-jyujitu ] 
 *======================================================================*/
.titObi-jyujitu{
	padding:50px 0 30px;
	background-image:url(/shared/img/titObi_arrow.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto;
}
.titObi-jyujitu .cntInner{
	position:relative;
}
.titObi-jyujitu .cntInner:after{
	content:"";
	display:block;
	width:27%;
	height:260px;
	background:url(/shared/img/academy-customers/dogDrive.png) no-repeat center top;
	background-size:100%;
	position:absolute;
	right:0;
	top:0;
}
.titObi-jyujitu.obj2 .cntInner:after{
	width:12% !important;
	height:260px;
	background:url(/shared/img/academy-general/dogDrive.png) no-repeat center top;
	background-size:auto 100%;
}
.titObi-jyujitu .cntInner .titObi-jyujitu-Tit{
	text-align:center;
	font-size:clamp( 25px ,  5.9vw , 46px);
	font-weight:bold;
}

/* --  */
.txtLead-customers{
	padding-right:27%;
	line-height:2;
}

@media(max-width: 900px) {


	.titObi-jyujitu.obj2 .cntInner:after{
		width:12% !important;
		height:260px;
		background-size:100% !important;
	}

	.titObi-jyujitu .cntInner .titObi-jyujitu-Tit{
		text-align:left;
		padding-right:27%;
	}
	.titObi-jyujitu.obj2  .titObi-jyujitu-Tit{
		padding-right:15%;
	}
	.txtLead-customers{
		padding-right:0%;
	}
}
@media(max-width: 400px) {
	.titObi-jyujitu .cntInner:after{
		width:20%;
		background-position:center 15px;
	}
}

/*======================================================================*
 *  [ reasonTitLead ] 
 *======================================================================*/

.reasonTitLead{
	font-size:clamp( 16px , 2.6vw , 20px);
	padding-right:200px;
	font-weight:bold;
}

.reasonTitLead span{
	font-size: clamp(20px, 4.4vw, 34px);
    color: #1C97CE;
    display: inline-block;
    background: linear-gradient(transparent 60%, #ff6 60%);
    padding: 0 10px;
}
@media(max-width: 767px) {
	.reasonTitLead{
		padding-right:90px;
		padding-right:0;
	}
}
/*======================================================================*
 *  [ reasonLst ] 
 *======================================================================*/
.reasonLst{
	display:flex;
	flex-direction:column;
	gap:150px 0px;
}
.reasonLst .item{
	background:#F4F0E3;
	border-radius:15px;

	display:flex;
	flex-wrap:wrap;
	gap:0px 40px;
	margin-left:30px;

	position:relative;
}
.reasonLst .item:nth-child(even){
	margin-left:0;
	margin-right:30px;
}
.reasonLst .item .pic{
	position:relative;
	left:-30px;
	width:calc(40% - 20px);
	order:1;
}
.reasonLst .item .cnt{
	width: calc(60% - 20px );
	order:2;
}
.reasonLst .item:nth-child(even) .pic{
	left:auto;
	right:-30px;
	order:2;
}
.reasonLst .item:nth-child(even) .cnt{
	order:1;
}
/* --- */
.reasonLst .item .pic{
}
.reasonLst .item .pic img{
	width:100%;
	height:auto;
	min-height:20px;
	background:#CCCCCC;
	border-radius:14px;
	vertical-align:bottom;
	margin-top:-30px;
}
.reasonLst .item .cnt{
	padding:40px 40px 40px 0;
	position:relative;
}
.reasonLst .item:nth-child(even) .cnt{
	padding:40px 0px 40px 40px;
}

.reasonLst .item:nth-child(even) .pic img{
	margin-left:0px;
	margin-right:-30px;
}

.reasonLst .item .cnt:before{
	display:block;
	content:"";
	width:100%;
	height:61px;
	background:url(/shared/img/academy-reason/reason_num01.png) no-repeat right top;
	background-size:auto 100%;
	position:absolute;
	top:-40px;
	right:40px;
}

.reasonLst .item:nth-child(evne) .cnt:before{ right:0; }

.reasonLst .item:nth-child(1) .cnt:before{ background-image:url(/shared/img/academy-reason/reason_num01.png); }
.reasonLst .item:nth-child(2) .cnt:before{ background-image:url(/shared/img/academy-reason/reason_num02.png); }
.reasonLst .item:nth-child(3) .cnt:before{ background-image:url(/shared/img/academy-reason/reason_num03.png); }
.reasonLst .item:nth-child(4) .cnt:before{ background-image:url(/shared/img/academy-reason/reason_num04.png); }

.reasonLst .item .tit{
	font-size:clamp( 18px , 3.1vw , 23px);
	font-weight:bold;
	color:#1D97CE;
	border:solid 2px #1D97CE;
	background:#fff;
	border-radius:100px;
	padding:15px 10px;
	text-align:center;
	margin-bottom:20px;
}
.reasonLst .item .txt{
	font-size:clamp( 16px , 2.3vw , 18px);
	line-height:2;
}
.reasonLst .item .lnkBtnArea{
	margin-top:20px;
	text-align:right;
}


.reasonLst .item:nth-child(even) .tit{
	color:#2EB760;
	border:solid 2px #2EB760;
}

@media(max-width: 767px) {
	.reasonLst{
		gap:100px 0px;
	}

	.reasonLst .item{
		display:block;
		margin-left:0px !important;
		margin-right:0px !important;
		background:none;
		position:relative;
		z-index:1;
	}
	.reasonLst .item .pic{
		position:relative;
		left:auto !important;
		right:auto !important;
		width:100% !important;
		order:1;
	}




	.reasonLst .item:before{
		display:block;
		content:"";
		width:100%;
		height:41px;
		background:url(/shared/img/academy-reason/reason_num01.png) no-repeat right top;
		background-size:auto 100%;
		position:absolute;
		top:-20px;
		right:20px;
		z-index:30;
	}

	.reasonLst .item:nth-child:before{ right:0; }

	.reasonLst .item:nth-child(1):before{ background-image:url(/shared/img/academy-reason/reason_num01.png); }
	.reasonLst .item:nth-child(2):before{ background-image:url(/shared/img/academy-reason/reason_num02.png); }
	.reasonLst .item:nth-child(3):before{ background-image:url(/shared/img/academy-reason/reason_num03.png); }
	.reasonLst .item:nth-child(4):before{ background-image:url(/shared/img/academy-reason/reason_num04.png); }


	.reasonLst .item .cnt{
		width:90% !important;
		margin:-40px auto 0;
		order:2;
		border-radius:15px;
	}
	.reasonLst .item .pic{
		margin-top:0px;
		margin-left:0px;
		position:relative;
		z-index:10;
	}
	.reasonLst .item .pic img{
		margin-top:0;
	}
	.reasonLst .item .cnt{
		position:relative;
		z-index:1;


	  width: 100vw !important;
	  margin: -80px calc(50% - 50vw) 0 !important;


		padding:100px 20px 20px !important;
		background:#F4F0E3;


	}


	.reasonLst .item .cnt:before{
		height:40px;
		top:-30px;
	}

}

/*======================================================================*
 *  [ reasonLst02 ] 
 *======================================================================*/
.reasonLst02{
	display:flex;
	flex-direction:column;
	gap:150px 0px;
}
.reasonLst02 .item{
	background:#F4F0E3;
	border-radius:15px;

	display:flex;
	flex-wrap:wrap;
	gap:0px 40px;
	margin-left:110px;

	position:relative;
}
.reasonLst02 .item:nth-child(even){
	margin-left:0;
	margin-right:30px;
}
.reasonLst02 .item .pic{
	position:relative;
	left:-110px;
	width:calc(50% - 20px);
	order:1;
}
.reasonLst02 .item .cnt{
	width: calc(50% - 20px );
	order:2;
}
.reasonLst02 .item:nth-child(even) .pic{
	left:auto;
	right:-110px;
	order:2;
}
.reasonLst02 .item:nth-child(even) .cnt{
	order:1;
}
/* --- */
.reasonLst02 .item .pic{
}
.reasonLst02 .item .pic img{
	width:100%;
	height:auto;
	background:#CCCCCC;
	border-radius:14px;
	vertical-align:bottom;
	margin-top:-50px;
}
.reasonLst02 .item .cnt{
	padding:40px 40px 40px 0;
	position:relative;
}
.reasonLst02 .item:nth-child(even) .cnt{
	padding:40px 0px 40px 40px;
}

.reasonLst02 .item:nth-child(even) .pic img{
	margin-left:0px;
	margin-right:-30px;
}

.reasonLst02 .item .tit{
	font-size:clamp( 20px , 3.1vw , 23px);
	font-weight:bold;
	color:#1D97CE;
	border:solid 2px #1D97CE;
	background:#fff;
	border-radius:100px;
	padding:15px 10px;
	text-align:center;
	margin-bottom:20px;
}
.reasonLst02 .item .txt{
	font-size:clamp( 16px , 2.3vw , 18px);
	line-height:2;
}
.reasonLst02 .item .lnkBtnArea{
	margin-top:20px;
	text-align:right;
}

.reasonLst02 .item .lst{
	display:flex;
	flex-wrap:wrap;
	gap:5px 25px;
}
.reasonLst02 .item .lst li{
	width:calc( (100% - 25px) / 2);
	background:#7AC3CD;
	color:#fff;
	font-size: clamp( 14px , 2.3vw , 18px);
	font-weight:bold;
	padding:10px 10px;
	border-radius:100px;
	text-align:center;
}
.reasonLst02 .item .lst li a{
	display:block;
	text-decoration:none;
	color:#fff;
}
.reasonLst02 .item:nth-child(even) .tit{
	color:#2EB760;
	border:solid 2px #2EB760;
}


@media(max-width: 900px) {
	.reasonLst02 .item{
		margin-left:50px;
	}
	.reasonLst02 .item .pic{
		left:-50px;
		width:calc(40% - 20px) !important;
	}
	.reasonLst02 .item:nth-child(even) .pic{
		right:-50px;
	}
	.reasonLst02 .item .cnt{
		width: calc(60% - 20px ) !important;
	}
}
@media(max-width: 767px) {
	.reasonLst02{
		gap:100px 0px;
	}

	.reasonLst02 .item{
		display:block;
		margin-left:0px !important;
		margin-right:0px !important;
		background:none;
		position:relative;
	}


	.reasonLst02 .item .tit{
		padding:5px 10px;
	}

	.reasonLst02 .item .pic{
		position:relative;
		left:auto !important;
		right:auto !important;
		width:100% !important;
		order:1;
	}
	.reasonLst02 .item .cnt{
		width:100% !important;
		margin:-40px auto 0;
		order:2;
		border-radius:15px;
	}
	.reasonLst02 .item .pic{
		margin:0 auto;
		position:relative;
		z-index:2;
	}
	.reasonLst02 .item .pic img{
		margin-top:0;
	}
	.reasonLst02 .item .cnt{
		position:relative;
		z-index:1;

	  width: 100vw !important;
	  margin: -80px calc(50% - 50vw) 0 !important;


		padding:100px 20px 20px !important;
		background:#F4F0E3;
	}


}

/*======================================================================*
 *  [  nayamiLst] 
 *======================================================================*/
.nayamiLst{
}
.nayamiLst .item{
	position:relative;
	font-size:clamp(16px , 3.6vw , 18px);
	background:#F4F0E3;
	border:solid 3px #FFCCE4;
	padding:15px;
	margin-bottom:15px;
	font-weight:bold;
}
.nayamiLst .item span{
}
.nayamiLst .item:before{
	display:block;
	content:"";
	width:19px;
	height:16px;
	background:url(/shared/img/nayamiLst_before.png) no-repeat center center;
	position:absolute;
	top:-8px;
	left:0;
}
.nayamiLst .item:after{
	display:block;
	content:"";
	width:19px;
	height:16px;
	background:url(/shared/img/nayamiLst_after.png) no-repeat center center;
	position:absolute;
	bottom:-8px;
	right:0;
}
.nayamiLst .item span{
}
/*======================================================================*
 *  [ whoLst ] 
 *======================================================================*/
.whosLst{
	display:flex;
	flex-wrap:wrap;
	gap:30px 75px;

	width:100%;
	max-width:1040px;
	margin-left:auto;
	margin-right:auto;
}
.whosLst .item{
	width:calc( (100% - 75px) / 2);
	position: relative;
}
.whosLst .item a{
	display:block;
	text-align:center;
}
.whosLst .item .pic{
}
.whosLst .item .pic img{
	width:100%;
	height:auto;
	border: 3px solid #35d88df0;
    border-radius: 10px;
}
.whosLst .item .lbl{
    font-size: clamp(20px, 2.6vw, 24px);
    color: #ffffff;
    position: absolute;
    bottom: 5px;
    text-align: center;
    display: block;
    width: 100%;
    line-height: 3;
    background: #35d88df0;
	border-radius: 0 0 8px 8px;
}
@media(max-width: 767px) {
	.whosLst .item{
		width:100%;
	}
	.whosLst .item .pic{
		margin-bottom:5px;
	}
}
/*======================================================================*
 *  [ flowLst ] 
 *======================================================================*/
.flowLst{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:50px 0;
	position:relative;
	overflow:hidden;
}
.flowLst:before{
	display:block;
	content:"";
	width:1px;
	height:20000px;
	border-left:solid 1px #ccc;
	position:absolute;
	z-index:1;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.flowLst .item{
	width:100%;
	background:#F4F0E3;
	border:solid 1px #CCCCCC;
	border-radius:10px;
	position:relative;
	z-index:10;
}
.flowLst .item-inner{
	position:relative;
	display:grid;
	grid-template-columns: 16% 1fr 25%;
	gap: 0px 0px; 
}
.flowLst .item .num{
	padding:15px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.flowLst .item .num img{
	width:100%;
	max-width:51px;
	height:auto;
}
.flowLst .item .cnt{
	padding:15px;
	display:flex;
	justify-content: center;
	flex-direction:column;
	gap:15px 0;

	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding:15px;
}
.flowLst .item .cnt .tit{
	font-size:clamp( 16px , 2.6vw , 20px);
	font-weight:bold;
}
.flowLst .item .cnt .txt{
	font-size:clamp( 16px , 2.3vw , 18px);
}
.flowLst .item .pic{
	padding:15px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.flowLst .item .pic img{
	width:100%;
	max-width:237px;
	height:auto;
}

@media(max-width: 767px) {
	.flowLst{
		padding-top:50px;
		gap:30px 0;
	}
	.flowLst .item-inner{
		display:grid;
		grid-template-columns:100%;
		gap: 0px 0px; 
	}
	.flowLst .item .num{
		padding:15px 15px 0;
	}
	.flowLst .item .num img{
		max-width:30px
	}
	.flowLst .item .cnt{
		gap:5px 0;
		border:none;
	}
	.flowLst .item .pic{
		width:30%;
		position:absolute;
		top:-25%;
		right:0;
	}
	.flowLst .item .cnt .tit{
		text-align:center;
	}

}
@media(max-width: 550px) {
	.flowLst .item .pic{
		width:35%;
		position:absolute;
		top:-15%;
		right:0;
	}
}
@media(max-width: 400px) {
	.flowLst .item .pic{
		width:40%;
		position:absolute;
		top:-10%;
		right:0;
	}
}

/*======================================================================*
 *  [ flowLst ] 
 *======================================================================*/
.formArea{
	background:#FBF9F4;
	padding:50px;
}
@media(max-width: 767px) {
	.formArea{
		padding:20px;
	}
}
/*======================================================================*
 *  [ saftyClass ] 
 *======================================================================*/
.saftyClass{
	margin-bottom:100px;
	position:relative;
}

.saftyClass:before{
	content:"";
	display:block;

	position:absolute;
	right:0;
	top:-20px;
	z-index:100;

	width:139px;
	height:auto;
	aspect-ratio: 139 / 229 ;
	background:url(/shared/img/academy-curriculum/saftyClass_pic01.png) no-repeat center center;
	background-size:auto 100%;
	margin-right:10px;
}

.saftyClass_pics{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.saftyClass_pics li{
	width:calc( (100% - 40px) / 2);
}
.saftyClass_pics li img{
	width:100%;
	height:auto;
}
@media(max-width: 900px) {
	.saftyClass:before{
		width:80px;
	}
	.saftyClass .tit09{
		padding-right:100px;
	}
	.saftyClass .txt01{
		padding-right:100px;
	}
}


@media(max-width: 767px) {
	.saftyClass{
		margin-bottom:80px;
	}
	.saftyClass_pics{
		gap:10px;
	}
	.saftyClass_pics li{
		width:calc( (100% - 10px) / 2);
	}
}
@media(max-width: 480px) {
	.saftyClass:before{
		width:70px;
	}
	.saftyClass .tit09{
		padding-right:90px;
	}
	.saftyClass .txt01{
		padding-right:0px;
	}
}
@media(max-width: 390px) {
	.saftyClass:before{
		top:-5px;
		width:60px;
	}
	.saftyClass .tit09{
		padding-right:80px;
	}
}






/*======================================================================*
 *  [ questionLst ] 
 *======================================================================*/
.questionLst{
	display:flex;
	flex-wrap:wrap;
	gap:40px 40px;
	margin-bottom:95px;
}
.questionLst .item{
	width:calc( (100% - 40px) / 2);
	background:#EEEEEE;
	border-radius:10px;
	padding:30px;
}
.questionLst .item .tit{
	font-size:clamp( 15px , 2.6vw , 20px);
	font-weight:bold;

	display:flex;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom:20px;
}
.questionLst .item .tit:before{
	content:"";
	display:block;
	width:17%;
	height:auto;
	aspect-ratio:1 / 1;
	background:url(/shared/img/academy-curriculum/question_num01.png) no-repeat center center;
	background-size:cover;
	margin-right:10px;
}
.questionLst .item .tit span{
	width:calc( (100% - 20%) - 10px);
}
.questionLst .item .pic{
	text-align:center;
}
.questionLst .item .pic img{
	width:100%;
	max-width:449px;
	height:auto;
}
@media(max-width: 767px) {
	.questionLst{
		gap:15px 15px;
		margin-bottom:50px;
	}
	.questionLst .item{
		width:calc( (100% - 15px) / 2);
		padding:15px;
	}
}
@media(max-width: 400px) {
	.questionLst{
		gap:15px 15px;
	}
	.questionLst .item{
		width:calc( (100% - 0px) / 1);
		padding:15px;
	}
	.questionLst .item .tit:before{
		width:15%;
	}
}

/*======================================================================*
 *  [ voiceCards ] 
 *======================================================================*/
.voiceCards{
}

/* ----------------------- */

/* grid レイアウト */
.voiceCards .card{
	background:#EEEEEE;
	border-radius:10px;
	padding:25px;
}
.voiceCards .card .cardInner{
	display: grid;
	grid-template-columns: 1fr 140px;
	grid-template-areas: 
	"label pic"
	"item pic";
	gap:15px 0;
}
.voiceCards .card .courceLabel{
	grid-area: label;
}
.voiceCards .card .pic{
	grid-area: pic;
}
.voiceCards .card .card__item{
	grid-area: item;
}

/* subgrid レイアウト */

.voiceCards .card .card__item{
	display: grid;
	grid-template-rows: subgrid;  /* rows に subgrid を指定することで親要素の高さに揃う */
	grid-row: span 2; /* subgrid が指定されることで 親要素の4行分の高さになる */
	gap:10px 30px;
	grid-template-columns: 1fr 1fr;
}


@media(max-width: 767px) {
	.voiceCards{
		margin-top:50px;
	}
	.voiceCards .card{
		padding:10px;
	}
	.voiceCards .card .cardInner{
		grid-template-columns: 1fr;
		grid-template-areas: 
		"pic"
		"label"
		"item";
		gap:25px 0;
	}
	.voiceCards .card .card__item{
		grid-template-columns: 1fr;
		gap:25px 0;
	}
}

/* ----------------------- */
.voiceCards .card{
	margin-top:100px;
	margin-bottom:50px;
}
.voiceCards .card .cardInner{
	margin-top:-40px;
}
.voiceCards .card .courceLabel{
}
.voiceCards .card .courceLabel span{
	display:inline-block;
	background:#7ac3cd;
	color:#fff;
	font-size: clamp(16px, 2.6vw , 20px);
	font-weight:bold;
	border-radius:100px;
	padding:10px 40px;
}

.voiceCards .card .pic{
	text-align:center;
	font-weight:bold;
}
.voiceCards .card .pic img{
	width:100%;
	max-width:140px;
	height:auto;
}
.voiceCards .card .pic span{
	display:block;
	text-align:center;
}

.voiceCards .card .card__item{
}


.voiceCards .card .card__item .anq{
}
.voiceCards .card .card__item .anq .tit{
	font-size: clamp(16px, 2.6vw , 20px);
	font-weight:bold;
	margin-bottom:15px;
}

.voiceCards .card .card__item .anq .cnt{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	gap:10px 10px;
}
.voiceCards .card .card__item .anq .cnt .pic_evaluation{
	width:80px;
}
.voiceCards .card .card__item .anq .cnt .pic_evaluation img{
	width:100%;
	max-width:80px;
	height:auto;
}
.voiceCards .card .card__item .anq .cnt .txt{
	width:calc( 100% - 95px);
	font-size: clamp(14px, 2.0vw , 16px);
	font-weight:bold;
}


@media(max-width: 767px) {

	.voiceCards .card{
		margin-top:30px;
		margin-bottom:50px;
	}
	.voiceCards .card .courceLabel span{
		display:block;
		padding:10px 10px;
		text-align:center;
	}

	.voiceCards .card .card__item .anq .tit{
		text-align:center;
		border-bottom:solid 1px #ccc;
		padding-bottom:5px;
		margin-bottom:5px;
	}
	.voiceCards .card .card__item .anq .cnt .pic_evaluation{
		width:50px;
	}
	.voiceCards .card .card__item .anq .cnt .pic_evaluation img{
	}
	.voiceCards .card .card__item .anq .cnt .txt{
		width:calc( 100% - 60px);
		font-weight:normal;
	}
}


/* ----------------------- */
/* enrollment */


.enrollment_tit{
    color: #FFB800;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.enrollment_tit:before{
	content:"";
	display:inline-block;
	width:18px;
	height:40px;
	background:url(/shared/img/simulationBtn__tit_left.png) no-repeat center center;
	margin-right:10px;
}
.enrollment_tit:after{
	content:"";
	display:inline-block;
	width:18px;
	height:40px;
	background:url(/shared/img/simulationBtn__tit_right.png) no-repeat center center;
	margin-left:10px;
}

.enrollment_btn a{
    display: block;
	margin: 0px auto;
    color: #fff;
    border-radius: 100px;
    background-color: #1549a8;
    background-image: url(/shared/img/simulationBtn__btn_arrow.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding: 20px 40px;
    text-decoration: none;
    font-size: 22px;
    text-align: center;
	width: 60%;
	max-width: 580px;
}

.enrollment_flow {
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

.enrollment_flow li:nth-child(1) {
	background:url(/shared/img/enrollment/enrollment_flow_no01.png) no-repeat left top #FAF9E7;
}

.enrollment_flow li:nth-child(2) {
	background:url(/shared/img/enrollment/enrollment_flow_no02.png) no-repeat left top #FAF9E7;
}

.enrollment_flow li:nth-child(3) {
	background:url(/shared/img/enrollment/enrollment_flow_no03.png) no-repeat left top #FAF9E7;
}

.enrollment_flow li:nth-child(4) {
	background:url(/shared/img/enrollment/enrollment_flow_no04.png) no-repeat left top #FAF9E7;
}

.enrollment_flow li{
	flex-basis:23%;
	border-radius:16px;
	padding:20px;
	margin-bottom:20px;
}

.enrollment_flow li h4{
	padding:10px 0px;
	font-size:25px;
	font-weight:bold;
	text-align: center;
	color:#D8569B;
}
.enrollment_flow li img{
	display: block;
	margin: 10px auto;
}

@media(max-width: 767px) {
	.enrollment_tit{
		font-size: 20px;
	}
	.enrollment_flow li{
		flex-basis:47%;
		padding:10px;
	}
	.enrollment_flow li img{
		max-width: 100%;
	}
	.enrollment_flow li h4{
		font-size: 20px;
	}

	.enrollment_btn a{
		width: 90%;
    	font-size: 18px;
	}

}




/* ----------
howToPay
   ---------- */
.howToPay {
	background:#FDF6EE;
	padding-top: clamp(50.00px, calc(19.53vw + -100.00px), 100.00px);
	padding-bottom: clamp(50.00px, calc(19.53vw + -100.00px), 100.00px);
}

.howToPay .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.howToPay .howToPay_tit {
	color: #036EB7;
	font-size: clamp(20px, 3.2333vw + -4.7991px, 34px);
	margin-bottom: 50px;
}

.howToPay .howtoPayContent {
	display:flex;
	flex-wrap:wrap;
	gap:15px 5%;
}

/* ---- */
.howToPay .payMethod {
	width:51%;
}

.howToPay .payMethod_lst {
	display:flex;
	gap:0 3.5%;
	margin-bottom:20px;
}

.howToPay .payMethod_lst li {
	width:calc( (100% - 10.5%) / 4);
}

.howToPay .payMethod_lst li img {
  width: 100%;
  height: auto;
  display: block;
}

.howToPay .payMethod .txt {
	font-size: clamp(16.00px, calc(0.78vw + 10.00px), 18.00px);
}

/* ---- */
.howToPay .payMethod-aboutbusiness {
	width:44%;
	background:#fff;
	border:solid 5px #036EB7;
	border-radius:0 15px 15px 15px;
}

.howToPay .payMethod-aboutbusiness .tit {
	margin-bottom:20px;
}
.howToPay .payMethod-aboutbusiness .tit span{
	display:inline-block;
	background:#036EB7;
	color:#fff;
	padding:10px 1em;
	font-size: clamp(22.00px, calc(2.34vw + 4.00px), 28.00px);
	border-radius:0 0 15px 0;
}

.howToPay .payMethod-aboutbusiness .txt {
	font-size: clamp(16.00px, calc(0.78vw + 10.00px), 18.00px);
	margin-bottom:1em;
	padding:0 15px;
}

.howToPay .payMethod-aboutbusiness .btn {
	padding:0 15px 30px;
	text-align:center;
}

.howToPay .payMethod-aboutbusiness .btn a {
	display: block;
	width:100%;
	margin:0 auto;
	max-width:280px;
	background: #036EB7;
	border-radius: 100px;
	color: #fff;
	font-size: clamp(16px, 2.7714vw + -3.2564px, 22px);
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 10px 1em;
	box-shadow: 0px 6px 0px 0px #025289;
}

/* Wide Breakpoint */
@media screen and (max-width: 1200px) {
  .howToPay .inner {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
	/* ---- */
	.howToPay .payMethod {
		width:100%;
	}
	.howToPay .payMethod-aboutbusiness {
		width:100%;
	}
}


/* ----------
flowLst02
   ---------- */
.flowLst02 {
	width: 100%;
	padding: 0 0 100px;
}

.flowLst02 .inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.flowCards {
	display: flex;
	flex-direction: column;
	gap: 70px;
}

.flowCard {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	background: #fff;
	border-radius: 15px;
	overflow: visible;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.flowCard--reverse .flowCard__image {
	order: 2;
}

.flowCard--reverse .flowCard__content {
	order: 1;
}

.flowCard__image {
	min-height: 320px;
}

.flowCard__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px 0 0 15px;
}

.flowCard--reverse .flowCard__image img {
	border-radius: 0 15px 15px 0;
}

.flowCard__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 56px 56px 52px;
}

.flowCard__step {
	margin: 0 0 14px;
	font-size: clamp(22px, calc(3.91vw + -8px), 32px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	color: #036EB7;
}

.flowCard__title {
	margin: 0 0 28px;
	font-size: clamp(24px, calc(4.69vw + -12px), 36px);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #036EB7;
}

.flowCard__text {
	margin: 0;
	font-size: clamp(16px, calc(0.78vw + 10px), 18px);
	font-weight: 500;
	line-height: 2;
	color: #222;
}

.flowCard__num {
	position: absolute;
	top: -28px;
	right: 28px;
	width: 82px;
	margin: 0;
	z-index: 2;
}

.flowCard__num img {
	display: block;
	width: 100%;
	height: auto;
}
/* Wide Breakpoint */
@media screen and (max-width: 1200px) {
	.flowLst02 .inner {
    width: calc(100% - 30px);
  }
}


@media screen and (max-width: 900px) {
	.flowCards {
		gap: 50px;
	}

	.flowCard,
	.flowCard--reverse {
		grid-template-columns: 1fr;
	}

	.flowCard__image,
	.flowCard--reverse .flowCard__image,
	.flowCard__content,
	.flowCard--reverse .flowCard__content {
		order: initial;
	}

	.flowCard__image {
		min-height: auto;
	}

	.flowCard__image img,
	.flowCard--reverse .flowCard__image img {
		border-radius: 15px 15px 0 0;
		aspect-ratio: 16 / 9;
	}

	.flowCard__content {
		padding: 36px 24px 32px;
	}

	.flowCard__title {
		margin-bottom: 20px;
	}

	.flowCard__text br {
		display: none;
	}

	.flowCard__num {
		top: -20px;
		right: 16px;
		width: 64px;
	}
}

@media screen and (max-width: 480px) {
	.flowCards {
		gap: 40px;
	}

	.flowCard__content {
		padding: 30px 20px 26px;
	}

	.flowCard__num {
		top:-12px;
		width: 30px;
	}
}

/* ----------
voiceDetail
   ---------- */
.voiceDetail {
	padding-bottom:100px;
}

.voiceDetail .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.voiceDetail .voiceDetail_lst {
	display:flex;
	flex-wrap:wrap;
	gap:15px 2.5%; 
}

.voiceDetail .item {
	width:calc( (100% - 7.5%) / 4);
	background:#fff;
	border-radius:10px;
	padding:10px;
}

/* ---- */
.voiceDetail .pic {
	text-align:center;
	margin-bottom:10px;
}

.voiceDetail .pic img {
  width: 100%;
  max-width: 270px;
  height: auto;
}

.voiceDetail .cnt {
	font-weight:bold;
}

.voiceDetail .lbl01 {
	display:block;
	text-align:center;
	font-size: clamp(16.00px, calc(0.78vw + 10.00px), 18.00px);
}

.voiceDetail .lbl02 {
	display:block;
	text-align:center;
	font-size: clamp(21.00px, calc(2.73vw + 0.00px), 28.00px);
}

/* Wide Breakpoint */
@media screen and (max-width: 1200px) {
  .voiceDetail .inner {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
	.voiceDetail .item {
		width:calc( (100% - 5%) / 2);
		border:solid 1px #eee;
	}
}

/* ----------
voiceLstSec
---------- */
.voiceLstSec {
	padding: 100px 0;
	background:#fff;
}

.voiceLstSec .inner {
	width: 100%;
	max-width: 1540px;
	margin: 0 auto;
}

/* ---- */
.title-drone--interview{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto 20px;
}
.title-drone--interview .tit{
	width:100%;
	text-align:center;
}
.title-drone--interview + p {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto 20px;
}

/* ----------
interviewsLst
---------- */
.voiceLstSec .interviewsLst {
	background:#fff;
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 15px 2.5%;
}

.voiceLstSec .interviewsLst .item {
	width: calc((100% - 5%) / 3);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding: 32px 24px 24px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.voiceLstSec .interviewsLst .head {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 28px;
}

.voiceLstSec .interviewsLst .pic {
	flex: 0 0 110px;
	margin: 0;
	text-align: center;
}

.voiceLstSec .interviewsLst .pic img {
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	object-fit: cover;
	border-radius: 50%;
	vertical-align: bottom;
}

.voiceLstSec .interviewsLst .profile {
	flex: 1 1 auto;
	min-width: 0;
}

.voiceLstSec .interviewsLst .name {
	margin: 0 0 10px;
	font-size: clamp(18px, calc(1.56vw + 6px), 22px);
	font-weight: 700;
	line-height: 1.4;
	color: #111;
}

.voiceLstSec .interviewsLst .meta {
	margin: 0;
	font-size: clamp(14px, calc(0.78vw + 8px), 16px);
	font-weight: 500;
	line-height: 1.8;
	color: #222;
}

.voiceLstSec .interviewsLst .ttl {
	margin: 0 0 22px;
	font-size: clamp(17px, calc(1.95vw + 2px), 22px);
	font-weight: 700;
	line-height: 1.7;
	text-align: center;
	color: #036EB7;
}

.voiceLstSec .interviewsLst .txt {
	margin: 0 0 28px;
	font-size: clamp(14px, calc(0.78vw + 8px), 16px);
	line-height: 2;
	color: #222;
}

.voiceLstSec .interviewsLst .reason {
	margin-top: auto;
	padding: 18px 16px;
	background: #f5f5f4;
	border-radius: 10px;
}

.voiceLstSec .interviewsLst .reasonTtl,
.voiceLstSec .interviewsLst .reasonTxt {
	margin: 0;
	font-size: clamp(15px, calc(0.39vw + 12px), 16px);
	line-height: 1.8;
	color: #222;
}

.voiceLstSec .interviewsLst .reasonTtl {
	font-weight: 700;
}

/* Wide Breakpoint */
@media screen and (max-width: 1540px) {
	.voiceLstSec .inner {
		width: calc(100% - 30px);
	}
}

/* Tablet */
@media screen and (max-width: 1024px) {
	.voiceLstSec .interviewsLst {
		gap: 15px 3%;
	}

	.voiceLstSec .interviewsLst .item {
		width: calc((100% - 3%) / 2);
		padding: 28px 20px 20px;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.voiceLstSec {
		padding: 40px 0;
	}

	.voiceLstSec .interviewsLst .head {
		gap: 14px;
		margin-bottom: 20px;
	}

	.voiceLstSec .interviewsLst .pic {
		flex-basis: 84px;
	}

	.voiceLstSec .interviewsLst .pic img {
		width: 84px;
		height: 84px;
	}

	.voiceLstSec .interviewsLst .ttl {
		text-align: left;
	}
	.voiceLstSec .interviewsLst .item {
		width: 100%;
	}
}

@media screen and (max-width: 360px) {
}



/* ----------
.facilityLstSec 
---------- */
.facilityLstSec {
	padding: 80px 0;
}

.facilityLstSec .inner {
	width: 100%;
	max-width: 1650px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.facilityLstTtl {
	margin: 0 0 50px;
	text-align: center;
	color: #3F463B;
	font-size: clamp(22px, calc(4.69vw + -14px), 34px);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.08em;
}

.facilityLst {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 1.5%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.facilityLst li {
	position: relative;
	width: calc((100% - 4.5%) / 4);
	padding-bottom: 24px;
}

.facilityCardPic {
	margin: 0;
	border-radius: 15px;
	overflow: hidden;
}

.facilityCardPic img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.facilityCardName {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: calc(100% - 50px);
	margin: 0;
	padding: 11px 15px 12px;
	border-radius: 10px;
	background: #036EB7;
	color: #fff;
	font-size: clamp(16px, calc(1.56vw + 4px), 20px);
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
	.facilityLst li {
		width: calc((100% - 1.5%) / 2);
	}
}

@media screen and (max-width: 767px) {
	.facilityLstSec {
		padding: 60px 0;
	}

	.facilityLstTtl {
		margin-bottom: 35px;
	}

	.facilityLst {
		gap: 15px;
	}

	.facilityLst li {
		width: 100%;
	}

	.facilityCardName {
		width: calc(100% - 30px);
	}
}


/* ----------
 * suportSec
 * ---------- */
.suportSec {
	padding: 80px 20px;
}

.suportSec .inner {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.suportSec__layout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
}

.suportSec__content {
		flex: 0 0 47%;
	max-width: 47%;
}

.suportSec__title {
	margin: 0 0 28px;
	font-size: clamp(22px, calc(4.69vw + -14px), 34px);
	font-weight: 700;
	line-height: 1.6;
	color: #036EB7;
	letter-spacing: 0.04em;
}

.suportSec__text {
	margin: 0 0 34px;
	font-size: clamp(14px, calc(0.78vw + 8px), 16px);
	font-weight: 500;
	line-height: 2;
	color: #222;
}

.suportSec__pointBox {
	padding: 28px 30px;
	background: #D6EFFF;
	border-radius: 20px;
}

.suportSec__pointList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.suportSec__pointList li {
	position: relative;
	margin-top: 20px;
	padding-left: 38px;
	font-size: clamp(16px, calc(0.78vw + 10px), 18px);
	font-weight: 700;
	line-height: 1.8;
	color: #222;
}

.suportSec__pointList li:first-child {
	margin-top: 0;
}

.suportSec__pointList li::before {
	content: "";
	position: absolute;
	top: 0.35em;
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/shared/img/check_mark_blue.png") no-repeat center center / contain;
}

.suportSec__image {
		flex: 0 0 46%;
	max-width: 46%;
}

.suportSec__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 15px;
}

@media screen and (max-width: 1024px) {
	.suportSec__layout {
		gap: 40px;
	}
}

@media screen and (max-width: 767px) {
	.suportSec {
		padding: 56px 20px;
	}

	.suportSec__layout {
		flex-direction: column;
		align-items: stretch;
		gap: 30px;
	}

	.suportSec__content,
	.suportSec__image {
		max-width: none;
		flex: none;
	}

	.suportSec__title {
		margin-bottom: 20px;
	}
	.suportSec__title br{
		display:none;
	}
	.suportSec__text {
		margin-bottom: 24px;
		line-height: 1.9;
	}

	.suportSec__pointBox {
		padding: 22px 20px;
		border-radius: 16px;
	}

	.suportSec__pointList li {
		padding-left: 34px;
		margin-top: 16px;
	}

	.suportSec__pointList li::before {
		width: 22px;
		height: 22px;
	}
}


/* ----------
 * grantSec
 * ---------- */

.grantSec {
	padding: 70px 20px;
	background: #FDF6EE;
}

.grantSec .inner {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.grantSec__layout {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.grantSec__left {
	flex: 0 0 46%;
	max-width: 46%;
}

.grantSec__right {
	flex: 0 0 44%;
	max-width: 44%;
}

.grantSec__heading {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 26px;
}

.grantSec__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 148px;
	padding: 10px 20px;
	margin: 0;
	border-radius: 999px;
	background: #FF8200;
	color: #fff;
	font-size: clamp(16px, calc(1.56vw + 4px), 20px);
	font-weight: 700;
	line-height: 1.2;
}

.grantSec__title {
	margin: 0;
	color: #46403B;
	font-size: clamp(22px, calc(4.69vw + -14px), 34px);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
}

.grantSec__text {
	margin: 0 0 10px;
	color: #46403B;
	font-size: clamp(14px, calc(0.78vw + 8px), 16px);
	font-weight: 500;
	line-height: 2;
}

.grantSec__emphasis {
	margin: 0;
	color: #D30303;
	font-size: clamp(16px, calc(0.78vw + 10px), 18px);
	font-weight: 700;
	line-height: 1.8;
}

.grantSec__subTitle {
	margin: 5px 0 18px;
	color: #46403B;
	font-size: clamp(16px, calc(0.78vw + 10px), 18px);
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}

.grantSec__cards {
	display: flex;
	gap: 18px;
	margin-bottom: 16px;
}

.grantSec__card {
	flex: 1 1 0;
	padding: 26px 20px 22px;
	background: #fff;
	border-radius: 18px;
	text-align: center;
}

.grantSec__cardLabel {
	margin: 0 0 12px;
	color: #46403B;
	font-size: clamp(16px, calc(0.78vw + 10px), 18px);
	font-weight: 700;
	line-height: 1.5;
}

.grantSec__cardValue {
	margin: 0;
	color: #FF8200;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.grantSec__cardValueSmall {
	font-size: clamp(17px, calc(2.73vw + -4px), 24px);
}

.grantSec__cardValueLarge {
	font-size: clamp(20px, calc(5.47vw + -22px), 34px);
}

.grantSec__note {
	margin: 0;
	color: #46403B;
	font-size: clamp(14px, calc(0.78vw + 8px), 16px);
	font-weight: 500;
	line-height: 1.8;
}

@media screen and (max-width: 900px) {
	.grantSec__heading {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

@media screen and (max-width: 767px) {
	.grantSec {
		padding: 56px 20px;
	}

	.grantSec__layout {
		flex-direction: column;
		gap: 32px;
	}

	.grantSec__left,
	.grantSec__right {
		flex: none;
		max-width: none;
	}

	.grantSec__cards {
		flex-direction: column;
		gap: 14px;
	}

	.grantSec__subTitle {
		text-align: left;
	}
}


/* ----------
 * businessFlowSec
 * ---------- */
.businessFlowSec {
	background: #D6EFFF;
	padding: 80px 20px 100px;
}

.businessFlowSec .inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.businessFlowSec__title {
	margin: 0 0 28px;
	color: #036EB7;
	font-size: clamp(20px, 3.2333vw + -4.7991px, 34px);
	font-weight: 700;
	line-height: 1.4;
}

.businessFlowList {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.businessFlowItem {
	display: flex;
	align-items:flex-start;
	gap: 18px;
	background: #fff;
	border-radius: 15px;
	padding: 26px 32px;
	box-sizing: border-box;
}

.businessFlowItem__num {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #036EB7;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}

.businessFlowItem__content {
	flex: 1 1 auto;
	min-width: 0;
}

.businessFlowItem__title {
	margin: 0 0 8px;
	color: #036EB7;
	font-size: clamp(18px, calc(2.34vw + 0px), 24px);
	font-weight: 700;
	line-height: 1.4;
}

.businessFlowItem__text {
	margin: 0;
	color: #222;
	font-size: clamp(14px, calc(0.78vw + 8px), 16px);
	line-height: 1.8;
}

@media screen and (max-width: 767px) {
	.businessFlowSec {
		padding: 56px 16px 72px;
	}

	.businessFlowSec__title {
		margin-bottom: 20px;
	}

	.businessFlowItem {
		align-items: flex-start;
		padding: 20px 18px;
		gap: 12px;
	}

	.businessFlowItem__num {
		flex: 0 0 28px;
		width: 28px;
		height: 28px;
		font-size: 12px;
		margin-top: 3px;
	}

	.businessFlowItem__title {
		margin-bottom: 6px;
	}

	.businessFlowItem__text {
		line-height: 1.7;
	}
}


/* ------------
 * businesschance-lst
 * ---------- */

.businesschanceSec .businesschance-lst{
}
.businesschanceSec .businesschance-lst .item{
	background:#f5f5f5;
}

/* ----------
Android向けレイアウト補助
---------- */
@media screen and (max-width: 1140px) {
	.carLst .item {
		width: 100%;
	}

	.downloadLst {
		grid-template-columns: 1fr;
	}

	.voiceDetail .item {
		width: 100%;
	}

	.voiceLstSec .interviewsLst .item {
		width: 100%;
	}
	.voiceLstSec .interviewsLst .head {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.voiceLstSec .interviewsLst .pic {
		flex-basis: auto;
	}

	.voiceCards .card .cardInner {
		grid-template-columns: 1fr;
		grid-template-areas:
			"label"
			"pic"
			"item";
	}
	.voiceCards .card .card__item {
		grid-template-columns: 1fr;
	}

	.questionLst .item {
		width: 100%;
	}

	.whosLst .item {
		width: 100%;
	}

	.reasonLst .item,
	.reasonLst02 .item {
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
	}
	.reasonLst .item .pic,
	.reasonLst .item .cnt,
	.reasonLst02 .item .pic,
	.reasonLst02 .item .cnt {
		width: 100%;
		left: auto;
		right: auto;
		order: initial;
	}
	.reasonLst .item .cnt,
	.reasonLst02 .item .cnt {
		padding: 20px;
	}

	.contactArea-telcontact,
	.contactArea-telcontact2 {
		grid-template-columns: 1fr;
		grid-template-areas:
			"tel"
			"time"
			"btn";
	}

	.howToPay .howtoPayContent {
		flex-direction: column;
	}
	.howToPay .payMethod,
	.howToPay .payMethod-aboutbusiness {
		width: 100%;
	}

	.saftyClass_pics li {
		width: 100%;
	}

	.flowLst .item-inner {
		grid-template-columns: 1fr;
	}
	.flowLst .item .cnt {
		border-left: none;
		border-right: none;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}

	.flowCard,
	.flowCard--reverse {
		grid-template-columns: 1fr;
	}
	.flowCard__image,
	.flowCard--reverse .flowCard__image,
	.flowCard__content,
	.flowCard--reverse .flowCard__content {
		order: initial;
	}
	.flowCard__image {
		min-height: auto;
	}
	.flowCard__image img,
	.flowCard--reverse .flowCard__image img {
		border-radius: 15px 15px 0 0;
		aspect-ratio: 16 / 9;
	}
	.flowCard__content {
		padding: 36px 24px 32px;
	}
	.flowCard__title {
		margin-bottom: 20px;
	}
	.flowCard__text br {
		display: none;
	}
	.flowCard__num {
		top: -20px;
		right: 16px;
		width: 64px;
	}

	.suportSec__layout {
		flex-direction: column;
		align-items: stretch;
	}
	.suportSec__content,
	.suportSec__image {
		flex: none;
		max-width: none;
	}

	.grantSec__layout {
		flex-direction: column;
	}
	.grantSec__left,
	.grantSec__right {
		flex: none;
		max-width: none;
	}
	.grantSec__cards {
		flex-direction: column;
	}

	.businessFlowItem {
		flex-direction: column;
	}
}
