@charset "utf-8";


h3{
	clear:both;
	text-align:center;
	color:#00a0e9;
	font-size:20px;
	}
	
h3 span{
	border-bottom:solid 3px #00a0e9;
	}
	
h4{
	clear:both;
	color:#00a0e9;
	margin:0 0 20px 0 !important;
	display:block;
	font-size:18px;
	}

h5{
	clear:both;
	color:#00a0e9;
	margin:0 0 20px 0 !important;
	font-size:22px !important;
	}
	
h5 span{
	border-bottom:solid 3px #00a0e9;
	}

.lead{
	text-align:center;
	color:#00a0e9;
	margin:20px 0;
	font-size:16px;
	font-weight:bold;
	}

.blue{
	color:#00a0e9;
	}
	
.green{
	color:#0ba29a;
	}

.yellow{
	color:#dd960f;
	}

.arrow_blue{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	}

.arrow_blue40{
	position: relative;
	display: inline-block;
	padding-left: 40px;
	}

.arrow_blue40::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #00a0e9;
	border-right: solid 2px #00a0e9;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	}


.arrow_blue::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #00a0e9;
	border-right: solid 2px #00a0e9;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	}

.arrow_green{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	}

.arrow_green::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #0ba29a;
	border-right: solid 2px #0ba29a;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	}
	

.arrow_white{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	}

.arrow_white::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	}

.arrow_black{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	}

.arrow_black::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #221815;
	border-right: solid 2px #221815;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	}

/* Info
--------------------------------*/
.info_greeting_area{
	padding: 0 0 60px 0;
	}

.info_greeting_area ul li.greeting_text p{
	margin-bottom:20px;
	}

.info_facility_area{
	background:url(../images/common/white_blueline_bg.gif) repeat;
	padding: 0 0 60px 0;
	}

.info_instructor_area{
	background-color:#f6f7f7;
	padding: 0 0 60px 0;
	}

.info_facility_area ul li{
	width:32%;
	margin-left:2%;
	margin-bottom:2%;
	float:left;
	}

.info_facility_area ul li:nth-child(3n+1){
	margin-left:0%;
	}
	
	

.info_facility_area ul li.childroom{
	width:66%;
	margin-left:2%;
	margin-bottom:2%;
	float:left;
	}

.info_instructor_area .instructor_thumb{
	background:#ffffff;
	box-sizing: border-box;
	border: solid 5px #ffffff;
	}
	
.info_instructor_area .instructor_text{
	margin-top:20px;
	}

.info_instructor_area .instructor_text span.position{
	display:block;
	color:#00a0e9;
	font-size:12px;
	}

.info_instructor_area .instructor_text span.name_en{
	font-size:12px;
	}

.info_instructor_area .instructor_text .btn{
	text-align:center;
	background:url(../images/info/info_btn_bg.gif)  center no-repeat;
	background-size:100%;
	padding:20px 0;
	color:#FFFFFF;
	}

.info_instructor_area .instructor_text .btn a{
	color:#FFFFFF;
	display:block;
	margin-top:10px;
	padding:20px 0;
	}
	
.info_instructor_area .instructor_text .btn a:hover{
	background-color: rgba(255, 255, 255, .2);
	}


/* guide
--------------------------------*/
	
.guide_entryguide_area_bg{
	background:url(../images/common/white_blueline_bg.gif) repeat;
	padding-bottom:60px;
	}
	
.guide_t1 li{
	width:49%;
	margin-left:2%;
	float:left;
	}

.guide_t1 li:first-child{
	margin-left:0%;
	}

.guide_t1 table{
	width:100%;
	box-sizing:border-box;
	border:solid 2px #01b4ed;
	background-color:#FFFFFF;
	margin-bottom:30px;
	}

.guide_t1 thead tr{
	background:#00a0e9;
	text-align:center;
	color:#FFFFFF;
	}

.guide_t1 thead th{
	border-right:solid 2px #01b4ed;
	border-bottom:solid 2px #01b4ed;
	padding: 10px 5px;
	vertical-align:middle;
	}

.guide_t1 tbody tr{
	}

.guide_t1 tbody td{
	border-right:solid 2px #01b4ed;
	border-bottom:solid 2px #01b4ed;
	text-align:center;
	vertical-align:middle;
	padding: 10px 5px;
	}

.guide_t1 tbody td.dot{
	background:url(../images/common/pagenav_dot.gif) bottom repeat-x;
	border-bottom:none;
	}
	
.guide_t1 .tbl_tit{
	width:30%;
	background:#eaf6fd;
	color:#00a0e9;
	font-weight:bold;
	}

.guide_t2{
	clear:both;
	}

.guide_t2 table{
	width:100%;
	box-sizing:border-box;
	border:solid 2px #01b4ed;
	background-color:#FFFFFF;
	margin-bottom:30px;
	}

.guide_t2 table th{
	background:#eaf6fd;
	color:#00a0e9;
	border-bottom:solid 2px #01b4ed;
	text-align:left;
	padding: 10px;
	}

.guide_t2 table td{
	padding: 20px;
	}

.guide_t2 li{
	padding-left:1.2em;
	text-indent:-1.2em;
	}
	

.guide_reserv_area li{
	width:49%;
	margin-left:2%;
	float:left;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	}

.guide_reserv_area li:first-child{
	margin-left:0;
	}

.guide_reserv_area li p{
	background:url(../images/guide/guide_btn_bg.png) no-repeat center center ;
	font-weight:bold;
	text-align:center;
	}
	
.guide_reserv_area p a{
	display:block;
	color:#FFFFFF;
	}

.guide_t3 li{
	margin-bottom:20px;	
	padding-left:1.2em;
	text-indent:-1.2em;
	}
	
.guide_campaign_btn p{
	background:url(../images/guide/guide_btn_bg.png) no-repeat center center ;
	font-weight:bold;
	text-align:center;
	}
	
.guide_campaign_btn p a{
	display:block;
	color:#FFFFFF;
	padding:10px 0;
	}

.guide_campaign_btn p a:hover{
	background-color: rgba(255, 255, 255, .2);
	}
	
.guide_campaign_btn p a:visited{
	color:#FFFFFF;
	}

.guide_campaign_btn p a::before{
	content:" ";
	background:url(../images/guide/guide_btn_arw.png) ;
	display: inline-block;
	margin:20px 10px 20px;
	width:30px;
    height:30px;
	background-size:contain;
	vertical-align:middle;
	}
	
.guide_reserv_area p a:hover{
	background-color: rgba(255, 255, 255, .2);
	}
	
.guide_reserv_area p a:visited{
	color:#FFFFFF;
	}

.guide_reserv_area p a::before{
	content:" ";
	background:url(../images/common/foot_contact_icon_01.png) ;
	display: inline-block;
	margin:20px 10px 20px;
	width:50px;
    height:50px;
	background-size:contain;
	vertical-align:middle;
	}


.guide_flow_area_bg_01,.guide_flow_area_bg_03,.guide_flow_area_bg_05{
	background-color:#edf2f6;
	padding-bottom:40px;
	}

.guide_flow_area_bg_02,.guide_flow_area_bg_04{
	padding-bottom:40px;
	}


.guide_t4 li{
	width:45%;
	margin-left:2%;
	display:table-cell;
	vertical-align:middle;
	padding-bottom:30px;
	}
	
.guide_t4 li:first-child{
	margin-left:0%;
	}

.guide_t4 li.arw{
	width:5%;
	text-align:center;
	}

.guide_t4_left table{
	width:100%;
	background:#FFFFFF;
	}

.guide_t4_left table td{
	padding: 10px 5px;
	border:solid 2px #01b4ed;
	}

.guide_t4_left table td.tbl_tit{
	background:#eaf6fd;
	color:#00a0e9;
	font-weight:bold;
	white-space:nowrap;
	width:30%;
	}

.guide_t4_right table{
	width:100%;
	background:#00a0e9;
	}

.guide_t4_right table td{
	border:solid 2px #01b4ed;
	color:#FFFFFF;
	text-align:center;
	padding: 10px 5px;
	}

.guide_t4_right table td{
	vertical-align:middle;
	}

.guide_flow_left{
	width:54%;
	float:left;
	}

.guide_flow_right{
	width:46%;
	float:left;
	}

.guide_flow_right span{
	width:50%;
	display:block;
	background:#0ba29a;
	color:#FFFFFF;
	text-align:center;
	margin:0 auto;
	padding:5px 0;
	border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
	}

.guide_recommended_area_bg{
	background:url(../images/common/blue_blueline_bg.gif) repeat;
	padding-bottom:60px;
	}



/* price　20211001新規button
--------------------------------*/
/* 装飾 */
button {
	color: #fff;
	font-size: 12px;
  background: #00a0e9;
	padding: 2px 30px;
	margin-left: 15px;
  display: inline-block;
  border-radius: 20px;
  border: none;
  cursor: pointer;
}


/* price
--------------------------------*/
.price_nav{
	clear:both;
	padding:40px 0 0 0;
	}
	
.price_nav-sp{
	clear:both;
	padding:0px 0 0 0;
	}

.price_nav ol li{
	width: 32%;
	margin-left: 2%;
	float:left;
	position:relative;
	padding-bottom:20px;
	}
	
.price_nav ol li:first-child{
	margin-left: 0;
	}


.price_icon{
	position:absolute;
	max-width:50%;
	top:-20px;
	left:0px;
	}

.price_thumb{
	width:90%;
	}

.price_thumb img{
	text-align:right;
	margin: 0 0 0 10%;
	}

.price_lead_box{
	max-width:1020px;
	overflow:hidden;
	margin:0 auto;
	}

.price_lead_box_right{
	width:60%;
	margin-top:30px;
	float:left;
	}

.price_lead_box_right h3{
	text-align:left;
	}

.price_lead_box_right p{
	text-align:left;
	}
	
.price_lead_box_left{
	width:40%;
	float:right;
	}
	
.price_car_area table{
	width:100%;
	border:solid 2px #01b4ed;
	margin-bottom:30px;
	}
	
.price_car_area thead tr{
	background:#00a0e9;
	color:#FFFFFF;
	}

.price_car_area thead th{
	border-right:solid 2px #01b4ed;
	border-bottom:solid 2px #01b4ed;
	padding: 10px 5px;
	vertical-align:middle;
	}

.price_car_area tbody tr{
	border-bottom:solid 2px #01b4ed;
	}

.price_car_area tbody td{
	border-right:solid 2px #01b4ed;
	text-align:center;
	padding: 10px 5px;
	vertical-align:middle;
	}

.price_car_area tbody td span{
	display:block;
	}

.price_car_area tbody td span.price{
	color:#f39800;
	font-weight:bold;
	}
	
.price_car_area tbody .tbl_tit{
	background:#eaf6fd;
	color:#00a0e9;
	font-weight:bold;
	}



.price_motorcycles_area{
	padding-bottom:60px;
	 }

.price_motorcycles_area h3,.price_motorcycles_area h4,.price_motorcycles_area .lead{
	color:#0ba29a;
	}

.price_motorcycles_area h3 span{
	border-bottom:solid 3px #0ba29a;
	}

.price_motorcycles_area table{
	width:100%;
	border:solid 2px #14ae67;
	margin-bottom:30px;
	}
	
.price_motorcycles_area thead tr{
	background:#0ba29a;
	color:#FFFFFF;
	}

.price_motorcycles_area thead th{
	border-right:solid 2px #14ae67;
	border-bottom:solid 2px #14ae67;
	padding: 5px;
	vertical-align:middle;
	}

.price_motorcycles_area tbody tr{
	border-bottom:solid 2px #14ae67;
	}

.price_motorcycles_area tbody td{
	border-right:solid 2px #14ae67;
	text-align:center;
	padding: 5px;
	vertical-align:middle;
	}

.price_motorcycles_area tbody td span{
	display:block;
	}

.price_motorcycles_area tbody td span.price{
	color:#ea5413;
	font-weight:bold;
	}
	
.price_motorcycles_area tbody .tbl_tit{
	background:#eff6f5;
	color:#0ba29a;
	font-weight:bold;
	}



	
.price_bg_blue{
	background:#edf2f6;
	padding-bottom:20px;
	}
	
.price_bg_white{
	background:#FFFFFF;
	padding-bottom:20px;
	}

.price_bg_blue p,.price_bg_white p{
	padding-bottom:20px;
	}

.price_specialcourse_area {
	padding-bottom:60px;
	}

.price_specialcourse_area ul li a{
	display:block;
	width:80%;
	margin-left:10%;
	margin-bottom:0.2%;
	background:#00a0e9;
	text-align:left;
	color:#FFFFFF;
	padding:10px 0;
	padding-left:1%;
	cursor:pointer;
	}


	
	

.price_specialcourse_area ul li a:hover{
	background:#33b3ed;
	}
	
.price_specialcourse_area ul li.select a{
	background:#01b4ed;
	}
	
.price_specialcourse_area ul li.select a:hover{
	background:#34c3f1;
	}

.price_specialcourse_area ul li.btn_01 a{
	background:#c2007b;
	}

.price_specialcourse_area ul li.btn_01 a:hover{
	background:#ce3395;
	}
	
.price_specialcourse_area ul li.btn_02 a{
	background:#63ac6b;
	}

.price_specialcourse_area ul li.btn_02 a:hover{
	background:#82bd89;
	}

.price_specialcourse_area ul li.btn_03 a{
	background:#dd960f;
	}

.price_specialcourse_area ul li.btn_03 a:hover{
	background:#e4ab3f;
	}

.price_specialcourse_area ul li.btn_04 a{
	background:#bd9f66;
	}

.price_specialcourse_area ul li.btn_04 a:hover{
	background:#cab285;
	}

.price_specialcourse_area ul li.btn_05 a{
	background:#009fe6;
	}

.price_specialcourse_area ul li.btn_05 a:hover{
	background:#33b2eb;
	}

.price_specialcourse_area ul li.btn_06 a{
	background:#cd609b;
	}

.price_specialcourse_area ul li.btn_06 a:hover{
	background:#d780af;
	}
	
.price_paper_note{
	clear:both;
	padding-left:0.5em;
	text-indent:-0.5em;
	padding-bottom:30px;
	}

/* lesson
--------------------------------*/
.lesson_program_area_bg{
	background:#edf2f6;
	padding-bottom:30px ;
	}

.lesson_t1 li{
	float:left;
	width:49%;
	}
	
.lesson_t1 table{
	width:100%;
	box-sizing:border-box;
	border:solid 2px #01b4ed;
	background-color:#FFFFFF;
	margin-bottom:30px;
	}

.lesson_t1 thead tr{
	background:#00a0e9;
	text-align:center;
	color:#FFFFFF;
	}
	
.lesson_t1 thead th{
	border-right:solid 2px #01b4ed;
	border-bottom:solid 2px #01b4ed;
	padding: 10px 5px;
	vertical-align:middle;
	}

.lesson_t1 tbody td{
	border-right:solid 2px #01b4ed;
	border-bottom:solid 2px #01b4ed;
	text-align:center;
	vertical-align:middle;
	padding: 10px 5px;
	}
	
.lesson_t1 tbody .tbl_tit{
	background:#eaf6fd;
	color:#00a0e9;
	font-weight:bold;
	}

.lesson_t2{
	clear:both;
	}
	
.lesson_t2 li{
	float:left;
	width:49%;
	margin-left:2%;
	padding-bottom:30px;
	}

.lesson_t2 li:first-child{
	margin-left:0%;
	}
	
.lesson_t2_left{
	border:solid 2px #01b4ed;
	background:#eaf6fd;
	padding:20px;
	}

.lesson_t2_right{
	border:solid 2px #01b4ed;
	background:#eaf6fd;
	padding:20px;
	}

.lesson_time_area_bg{
	padding:0px 0 30px 0;
	}

.lesson_t3 li{
	float:left;
	width:49%;
	margin-left:2%;
	}

.lesson_t3 li:first-child{
	margin-left:0%;
	}
	
.lesson_t3 table{
	width:100%;
	box-sizing:border-box;
	border:solid 2px #01b4ed;
	margin-bottom:30px;
	}
	
.lesson_t3 th{
	border-right:solid 2px #01b4ed;
	border-bottom:solid 2px #01b4ed;
	background:#eaf6fd;
	height:40px;
	color:#00a0e9;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	}

.lesson_t3 td{
	border-right:solid 2px #01b4ed;
	border-bottom:solid 2px #01b4ed;
	text-align:center;
	vertical-align:middle;
	padding: 10px 5px;
	}

.lesson_t3 td.item,.lesson_t4 td.item{
	width:80%;
	}

.lesson_t3 td.time,.lesson_t4 td.time{
	width:20%;
	}

.lesson_t4 li{
	float:left;
	width:49%;
	margin-left:2%;
	}

.lesson_t4 li:first-child,.lesson_t4 li:nth-child(3){
	margin-left:0%;
	}
	
.lesson_t4 table{
	width:100%;
	box-sizing:border-box;
	border:solid 2px #0ba29a;
	margin-bottom:30px;
	}
	
.lesson_t4 th{
	border-right:solid 2px #0ba29a;
	border-bottom:solid 2px #0ba29a;
	height:40px;
	background:#eff6f5;
	color:#0ba29a;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	}

.lesson_t4 td{
	border-right:solid 2px #0ba29a;
	border-bottom:solid 2px #0ba29a;
	text-align:center;
	vertical-align:middle;
	padding: 10px 5px;
	}


/* access
--------------------------------*/
.access_map_area_bg{
	background:#edf2f6;
	padding-bottom:60px ;
	}

.access_map_box{
	padding-bottom:30px;
	}	

.access_bus_area_bg{
	background:#edf2f6;
	padding-bottom:30px ;
	}

.access_box_l{
	width:49%;
	float:left;
	}
	
.access_box_r{
	width:49%;
	float:right;
	}

.access_map_l{
	width:100%;
	float:left;
	position: relative;
	padding-bottom: 100%;
	margin-bottom:20px;
	height: 0;
	overflow: hidden;
	}

.access_map_l iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	 vertical-align: bottom;
	}
	
.access_map_r{
	width:100%;
	float:right;
	position: relative;
	padding-bottom: 100%;
	margin-bottom:20px;
	height: 0;
	overflow: hidden;
	}

.access_map_r img{
	position: absolute;
	top: 0;
	left: 0;
	}
 
 .access_bus_area img{
	 padding-bottom:30px;
	 }

 .access_bus_area h3{
	 padding-bottom:30px;
	 }
	 
 .access_bus_area h4{
	 text-align:left;
	  float:left;
	 }
	
 .access_bus_area .desc{
	 display:block;
	 float:left;
	 color:#00a0e9;
	 padding-bottom:20px;
	 margin-left:20px;
	 }
 
/*タブ部分*/
.access_bus_area .tab{
	overflow:hidden;
	padding:30px 0;
	}

.access_bus_area .tab li{
	float:left;
	width: 33.33333%;
	padding:10px 0;
	background: #00a0e9;
	border-right: solid 2px #FFFFFF;
	box-sizing: border-box;
	font-weight: bold;
    color: #FFF;
	text-align: center;
	cursor:pointer;
	}

.access_bus_area .tab li:last-child{
	border-right: none;
	}

.access_bus_area .tab li.select{
	background:#01b4ed;
	}

.access_bus_area .tab li:hover{
    background:#01b4ed;
    color:#FFF;
	}

.access_bus_area .tab_content{
	padding:0px;
	text-align:center;
	}

.access_bus_area .hide {display:none;}

.access_bus_area table{
	clear:both;
	width:100%;
	margin:0 auto 30px;
	border-top: solid 2px #01b4ed;
	border-left: solid 2px #01b4ed;
	}
	
.access_bus_area table td{
	display:block;
	float:left;
	vertical-align:middle;
	width: 50%;
	padding:10px 0;
	background: #ffffff;
	color:#01b4ed;
	box-sizing: border-box ;
	border-right: solid 2px #01b4ed;
	border-bottom: solid 2px #01b4ed;
	}



/* contact
--------------------------------*/

.contact_area_bg{
	background:#edf2f6;
	padding-bottom:30px;
	}

.contact_area_box_1{
	width:49%;
	float:left;
	padding-bottom:20px;
	}

.contact_area_box_2{
	width:49%;
	float:right;
	padding-bottom:20px;
	}

.contact_area_box_3{
	clear:both;
	width:100%;
	padding-bottom:20px;
	}

.contact_area_box_1 p,.contact_area_box_2 p,.contact_area_box_3 p{
	margin-bottom:10px;
	}

@media only screen and (max-width: 767px) {
	
.contact_area_box_1{
	width:100%;
	float:none;
	}

.contact_area_box_2{
	width:100%;
	float:none;
	}

.contact_area_box_3{
	width:100%;
	}

.contact_btn_01 span,.contact_btn_02 span,.contact_btn_03 span {
	font-size: 16px !important;
	}

.contact_btn_01 span.ft,.contact_btn_02 span.ft,.contact_btn_03 span.ft{
    font-size: 12px !important;
	}
	
	}





.contact_btn_01 p{
	background:#0ba29a;
	}

.contact_btn_01 p a{
	display:block;
	color:#FFFFFF;
	}

.contact_btn_01 p a:hover{
	background-color: rgba(255, 255, 255, .2);
	}

.contact_btn_01 p a:visited{
	color:#FFFFFF;
	}
	
.contact_btn_01 p a::before{
	content:" ";
	background:url(../images/contact/contact_icon_01.png) ;
	display: inline-block;
	margin:10px 15px;
	width:45px;
    height:45px;
	background-size:contain;
	vertical-align:middle;
	}
	

.contact_btn_02 p{
	background:#00a0e9;
	}
	
.contact_btn_02 p a{
	display:block;
	color:#FFFFFF;
	}
	
.contact_btn_02 p a:hover{
	background-color: rgba(255, 255, 255, .2);
	}
	
.contact_btn_02 p a:visited{
	color:#FFFFFF;
	}

.contact_btn_02 p a::before{
	content:" ";
	background:url(../images/contact/contact_icon_02.png) ;
	display: inline-block;
	margin:10px 15px;
	width:45px;
    height:45px;
	background-size:contain;
	vertical-align:middle;
	}

.contact_btn_03 p{
	background:#5977ac;
	}

.contact_btn_03 p a{
	display:block;
	color:#FFFFFF;
	}

.contact_btn_03 p a:hover{
	background-color: rgba(255, 255, 255, .2);
	}
	
.contact_btn_03 p a:visited{
	color:#FFFFFF;
	}
	
.contact_btn_03 p a::before{
	content:" ";
	background:url(../images/contact/contact_icon_03.png) ;
	display: inline-block;
	margin:10px 15px;
	width:45px;
    height:45px;
	background-size:contain;
	vertical-align:middle;
	}

.contact_btn_01 span,.contact_btn_02 span,.contact_btn_03 span {
	font-size: 18px;
	line-height:1;
	display: inline-block;
	vertical-align:middle;
}

.contact_btn_01 span.ft,.contact_btn_02 span.ft,.contact_btn_03 span.ft{
    font-size: 12px;
    font-family: Futura,Trebuchet MS,Arial,sans-serif;
    font-weight: normal;
}


/* contact form static
--------------------------------*/
body {
	/* background-image: url(../images/contact/bg_contact.png); */
	/* background-size: cover; */
	/* background-position: 0 -59px; */
	/* background-repeat: no-repeat; */
}

.contact_form_block{
	clear: both;
    width: calc(100% - 260px);
    background: #fff;
    padding: 87px 130px 180px;
    margin-top: 85px;
    margin-bottom: 138px;
}

.contact_form_block h3{
	text-align:center;
	font-size:24.37px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.2;
	color:#00a0e9;
	margin-bottom:66px;
}

.contact_form_block h3 span{
	display:block;
	font-size:16px;
	font-family: Futura,Trebuchet MS,Arial,sans-serif;
	font-weight:bold;
	letter-spacing:0.05em;
	border-bottom: unset;
	margin-top:19px;
}

.contact_form_lead{
	max-width: 930px;
    margin: 0 auto 122px;
    padding-left: 1.4em;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
    color: #595757;
}

.contact_form_lead li{
	list-style:disc;
}

.contact_form_lead a{
	color:#dc0012;
	font-family: Futura,Trebuchet MS,Arial,sans-serif;
}

.contact_form_static{
	width:100%;
	max-width:930px;
	margin:0 auto;
}

.contact_form_row{
	margin-bottom:47px;
}

.contact_form_row_half{
	display:flex;
	gap:40px;
}

.contact_form_col{
	width:calc(50% - 20px);
}

.contact_form_static label{
	display: flex;
    justify-content: space-between;
	align-items: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 12px;
    color: #595757;
}

.contact_form_static .required_mark{
	font-size:15px;
	color:#d90012;
	margin-left:6px;
}

.contact_form_static input[type="text"],
.contact_form_static input[type="email"],
.contact_form_static input[type="tel"],
.contact_form_static textarea{
	display:block;
	width:100%;
	background:#f0f5fa;
	border:none;
	border-radius:3px;
	box-sizing:border-box;
	padding:0 24px;
	font-size:13px;
	color:#595757;
}

.contact_form_static input[type="text"],
.contact_form_static input[type="email"],
.contact_form_static input[type="tel"]{
	height:66px;
}

.contact_form_static textarea{
	height:350px;
	padding-top:28px;
	padding-bottom:28px;
	resize:vertical;
}

.contact_form_static ::placeholder{
	color:#ababac;
	font-family: Futura,Trebuchet MS,Arial,sans-serif;
	letter-spacing:0.22em;
}

.contact_form_note{
	font-size:16px;
	margin-top:12px;
	color:#595757;
}

.contact_form_privacy{
	margin:20px 0 104px;
}

.contact_form_privacy label{
	display:flex;
	align-items:center;
	gap:14px;
	margin:0;
	font-size:14px;
}

.contact_form_privacy input[type="checkbox"]{
	width:22px;
	height:22px;
	margin:0;
}

.contact_form_submit{
	text-align:left;
}

.contact_form_submit{
	width:341px;
	max-width:100%;
	height:66px;
	border:none;
	border-radius:0;
	background:#00a0e9;
	color:#FFFFFF;
	font-size:16px;
	font-family: Futura,Trebuchet MS,Arial,sans-serif;
	font-weight:bold;
	letter-spacing:0.12em;
	text-align: center;
	margin:0;
	cursor:pointer;
}

.contact_form_submit:hover{
	opacity:0.9;
}

.contact_form_btn {
	display:flex;
	justify-content:center;
}

.wpcf7 form .wpcf7-response-output {
    border: none !important;
}

/* student
--------------------------------*/
.student_reserv_area_bg{
	background:url(../images/common/pagenav_dot.gif) bottom repeat-x;
	}

.student_reserv_btn p{
	width:50%;
	background:#00a0e9;
	margin:0 auto;
	font-weight:bold;
	}
	
.student_reserv_btn p a{
	display:block;
	color:#FFFFFF;
	text-align:center;
	padding:30px 0;
	}
	
.student_reserv_btn p a:hover{
	background-color: rgba(255, 255, 255, .2);
	}
	
.student_reserv_btn p a:visited{
	color:#FFFFFF;
	}

.student_reserv_btn p a::before{
	content:" ";
	background:url(../images/common/foot_contact_icon_01.png) ;
	display: inline-block;
	margin:10px;
	width:50px;
    height:50px;
	background-size:contain;
	vertical-align:middle;
	}

.student_musasi_area_bg{
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);
	}
	
.student_musasi_btn p{
	width:50%;
	background:#00a0e9;
	margin:30px auto 0;
	font-weight:bold;
	}
	
.student_musasi_btn p a{
	display:block;
	color:#FFFFFF;
	text-align:center;
	padding:30px 0;
	}
	
.student_musasi_btn p a:hover{
	background-color: rgba(255, 255, 255, .2);
	}
	

.student_schedule_area_bg{
	background:#edf2f6;
	padding-bottom:30px ;
	}
	

/*タブ部分*/
.student_schedule_area .tab{
	overflow:hidden;
	padding:30px 0;
	}

.student_schedule_area .tab li{
	display:block;
	float:left;
	width:49.8%;
	margin-left:0.2%;
	background:#00a0e9;
	text-align:center;
	color:#FFFFFF;
	padding:10px 0;
	}

.student_schedule_area .tab li:last-child{
	border-right: none;
	}

.student_schedule_area .tab li.select{
	background:#01b4ed;
	}

.student_schedule_area .tab li:hover{
    background:#01b4ed;
    color:#FFF;
	}

.student_schedule_area h4{
	text-align:center;
	}
	
.student_schedule_area img{
	padding-bottom:30px;
	}


.student_schedule_area .hide{display:none;}


/* video
--------------------------------*/
.video_area{
	text-align:center;
	margin:30px 0;
	padding-bottom:100px;
	}

.video_area .password_area{
	
	}

.video_area form{
	display:block;
	margin:0 auto;
	width:328px;
	padding:20px 0;
	}
	
.video_area .post input{
	width:220px;
	border: solid 2px #00a0e9;
	padding:0 10px;
	margin:0;
	height:40px;
	float:left;
	border-radius:0;
	}

.video_area .btn input{
	width:80px;
	border: solid 2px #00a0e9;
	background:#00a0e9;
	color:#FFFFFF;
	padding:0;
	margin:0;
	height:44px;
	font-weight:bold;
	cursor:pointer;
	font-size:16px;
	float:left;
	border-radius:0;
	}

.video_area input[type="submit"] {
-webkit-appearance: none;
	}


.video_area .lead{
	padding:30px 0;
	}

.video_area ul{
	overflow:hidden;
	}

.video_area ul li{
	width:32%;
	margin-left:1.2%;
	margin-bottom:2%;
	float:left;
	}

.video_area ul li p{
	margin:10px 0 20px;
	}
	
.youtube iframe{
  width: 100%;
}
	

@media only screen and (min-width: 768px) {

/* Info
--------------------------------*/
.info_greeting_area ul li.greeting_text{
	width:60%;
	float:left;
	}

.info_greeting_area ul li.greeting_thumb{
	width:36%;
	margin-left:4%;
	float:left;
	}
	

.info_instructor_area ul li{
	width:32%;
	margin-left:2%;
	margin-bottom:2%;
	float:left;
	}

.info_instructor_area ul li:nth-child(3n+1){
	margin-left:0%;
	}

/* sp/pcの切替 */
.sp,
.sp-inline{
    display: none;
}
.pc{
    display: block;
}
.pc-inline{
    display: inline;
}
/* sp/pcの切替 */

}

@media only screen and (max-width: 767px) {



.lead{
	font-size: 3.4vw;
	line-height:1.6;
	}

.contact_form_block{
	width: 90%;
    padding: 80px 5%;
    margin-top: 30px;
    margin-bottom: 80px;
}

.contact_form_block h3{
	font-size:24px;
	margin-bottom:55px;
}

.contact_form_block h3 span{
	font-size: 20px;
    margin-top: 16px;
}

.contact_form_lead{
	margin:0 auto 55px;
	padding-left:1.2em;
	line-height:2;
}

.contact_form_static{
	width:100%;
}

.contact_form_row{
	margin-bottom:18px;
}

.contact_form_row_half{
	gap:16px
}

.contact_form_col{
	width:100%;
	margin-bottom:25px;
}

.contact_form_col:last-child{
	margin-bottom:0;
}

.contact_form_static label{
	font-size:14px;
	margin-bottom:8px;
}

.contact_form_static input[type="text"],
.contact_form_static input[type="email"],
.contact_form_static input[type="tel"]{
	height:56px;
	padding:0 14px;
}

.contact_form_static textarea{
	height:200px;
	padding:14px;
	font-size:14px;
}

.contact_form_note{
	font-size:11px;
	margin-top:8px;
}

.contact_form_privacy{
	margin:24px 0 30px;
}

.contact_form_privacy label{
	gap:8px;
}

.contact_form_privacy input[type="checkbox"]{
	width:16px;
	height:16px;
}

.contact_form_submit{
	width:100%;
	height:58px;
	letter-spacing:0.08em;
}
	
.arrow::before{
  border: 0px;
  border-right: solid 2px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
	}

/* Info
--------------------------------*/

.info_instructor_area ul li{
	width:49%;
	margin-left:2%;
	margin-bottom:2%;
	float:left;
	}

.info_instructor_area ul li:nth-child(odd){
	margin-left:0%;
	}


/* guide
--------------------------------*/
.guide_t1 li{
	width:100%;
	margin-left:0;
	float:none;
	font-size:12px;
	}

.guide_entryguide_area .tbl_tit{
	text-align:center;
	}
	
.guide_entryguide_area tbody td{
	text-align:left;
	}
	
.guide_t2{
	font-size:12px;
	}

.guide_reserv_area li{
	width:100%;
	margin-left:0;
	float:none;
	}

	
.guide_t4 li{
	width:100%;
	margin-left:0;
	display: block;
	font-size:12px;
	}

.guide_t4 li.arw{
	width:100%;
	margin:-20px 0;
	}

.guide_t4 li.arw img{
	width:60px;
	}

.guide_flow_left{
	width:100%;
	float:none;
	}

.guide_flow_right{
	width:100%;
	float:none;
	}

.guide_flow_right span{
	width:80%;
	margin-bottom:20px;
	}
	
/* price
--------------------------------*/
.price_lead_box_left{
	width:100%;
	}
	
.price_lead_box_right{
	width:100%;
	}

.price_lead_box_right h3{
	text-align:center;
	}

.price_lead_box_right p{
	text-align:center;
	}
	
.price_specialcourse_area ul li a{
	display:block;
	float: none;
	width:100%;
	margin-left:0;
	margin-bottom:2px;
	padding-left:20px;
	text-align:left;
	}

.price_special_tit{
	width:70%;
	}


/* lesson
--------------------------------*/
.lesson_t1 li{
	width:100%;
	font-size:12px;
	}

.lesson_t2 li{
	width:100%;
	float:none;
	margin-left:0;
	font-size:12px;
	}

.lesson_t3 li{
	width:100%;
	float:none;
	margin-left:0;
	font-size:12px;
	}

.lesson_t4 li{
	width:100%;
	float:none;
	margin-left:0;
	font-size:12px;
	}


	
/* access
--------------------------------*/
 .access_bus_area h3{
	 font-size: 4vw;
	line-height:1.6;
	 }

 .access_bus_area h4{
	 float: none;
	 }
	
 .access_bus_area .desc{
	 float: none;
	 }
	 
.access_map_area_bg ul li{
	float:none;
	width:100%;
	margin-left:0%;
	}
	
.access_bus_area .tab li{
	width:100%;
	float:none;
	border-right:none;
	border-bottom: solid 2px #FFFFFF;
	}

.access_box_l{
	float: none;
	width:100%;
	margin-bottom:30px;
	}
	
.access_box_r{
	float: none;
	width:100%;
	}
	
.access_map_l{
	padding-bottom: 100%;
	}

.access_map_r{
	padding-bottom: 100%;
	}

.access_bus_area table td{
	float:none;
	width:100%;
	}
	
/* contact
--------------------------------*/


/* student
--------------------------------*/
.student_reserv_btn p{
	width:100%;
	}

.student_musasi_btn p{
	width:100%;
	}
	
.student_schedule_area .tab li{
	display:block;
	width:100%;
	margin-bottom: 2px;
	}

/* video
--------------------------------*/
.video_area ul li{
	float:none;
	width:100%;
	}


	
}