@media all and (min-width: 0px)and (max-width: 760px){
	.pc { display: none !important; }
	.sp { display: block !important; }
	/********** TOP **********/
	.rec_title{
		width:100%;
		font-size: 1.8rem;
		color:#ff0000;
		border-bottom:#ff0000 solid 2px;
	}
	.rec_text{
		font-size: 1.4rem;
		margin-top:10px;
		margin-bottom:18px;
	}
	.ope_title{
		width:100%;
		font-size: 1.8rem;
		color:#36ab23;
		border-bottom:#36ab23 solid 2px;
	}
	.ope_text{
		font-size: 1.4rem;
		margin-top:10px;
		margin-bottom:18px;
	}
	/**お問い合わせ******************/
	.mailform{
		width:85%;
		margin:0 auto 0 auto;
		box-sizing: border-box;
	}
	.koumoku{
		padding:5px 0 5px;
		font-weight:bold;
		box-sizing: border-box;
	}
	.nyuryoku{
		margin-bottom:10px;
		box-sizing: border-box;
	}
	.nyuryoku input[type=text]{
		width:100%;
		font-size:1.4rem;
		text-align:left;
		padding:10px 0 10px 10px;
		margin-bottom:5px;
		background-color:#eee;
		border: 0;
		box-sizing: border-box;
	}
	.nyuryoku label input[type=radio]{
		font-size:1.4rem;
		margin:10px 0 20px 0px;
	}
	.sample02 input[type=image]{
		margin:0 auto 0 auto;
	}

	.nyuryoku textarea {
		width:100%;
		text-align:left;
		font-size:1.8rem;
		padding:10px 0 10px 20px;
		background-color:#eee;
		border: 0;
		box-sizing: border-box;
	}
	.privacy_box{
		width:100%;
		height:150px;
		font-size:1.8rem;
		margin:20px auto 20px auto;
		padding:10px 0 10px 20px;
		overflow-y:scroll;
		overflow-x: hidden;
		background-color:#FFF;
		border:solid 1px;
		box-sizing: border-box;
	}
	.koumoku_check{
		padding:15px 0 5px;
		font-weight:bold;
		box-sizing: border-box;
	}
	.nyuryoku_check{
		padding-bottom:10px;
		margin-bottom:10px;
		box-sizing: border-box;
		border-bottom:solid 1px #666;
	}
	.nyuryoku_check2{
		padding-bottom:10px;
		margin-bottom:10px;
		box-sizing: border-box;
	}
	input[type=image]{
		width:100%;
	}
	.map iframe{
		width:100%;
		height:200px;
	}
	/********************/
	.s_top{
		padding-top:70px;
	}

	.mail_bd_tb{
		border-top:solid 3px #ff5f00;
		border-bottom:solid 3px #ff5f00;
	}
	/*****************************************************************/
	.main_contents{
		width:100%;
		margin:0 auto 0 auto;
	}
	.lb_50_100{
		width:100%;
		box-sizing: border-box;
	}
	.rb_50_100{
		width:100%;
		box-sizing: border-box;
	}
	.lb_60_100{
		width:100%;
		box-sizing: border-box;
	}
	.rb_40_100{
		width:100%;
		margin:0px auto 0px auto;
		box-sizing: border-box;
	}
	.rb_30_100{
		width:100%;
		margin: 0 auto 0;
	}
	.lb_33_100{
		width:100%;
		box-sizing: border-box;
	}
	.lb_25_50{
		float:left;
		width:50%;
		box-sizing: border-box;
	}
	.lb_25_100{
		float:left;
		width:100%;
		box-sizing: border-box;
	}
	/********************/
	.footer_box{
		width:90%;
		margin:0 auto 0 auto;
		padding:25px 0 25px;
		box-sizing:border-box;
	}
	.footer_link_box{
		width:300px;
		box-sizing:border-box;
	}
	.footer_link_box{
		width:180px;
		margin:15px 0 10px;
		box-sizing:border-box;
	}
	.footer_link_box img{
		width:100%;
		padding-right:15px;
		box-sizing:border-box;
	}
	/********************/
	.back_btn{
		position:fixed;
		bottom:50px;
		right:10px;
		z-index:200;
		width:110px;
		opacity:0.8;
	}
	.sb_00{
		margin-top:0px;
		margin-bottom:0px;
	}
	.sb_50{
		margin-top:0px;
		margin-bottom:25px;
	}
	.sb_75{
		margin-top:0px;
		margin-bottom:40px;
	}
	.sb_100{
		margin-top:0px;
		margin-bottom:50px;
	}
	.sb_50_2{
		margin-top:25px;
		margin-bottom:25px;
	}
	.sb_100_2{
		margin-top:50px;
		margin-bottom:50px;
	}
	.sb_p30_１{
		padding-bottom:15px;
	}
	.sb_p30_2{
		padding-top:15px;
		padding-bottom:15px;
	}
	.sb_p50_1{
		padding-bottom:25px;
	}
	.sb_p50_2{
		padding-top:25px;
		padding-bottom:25px;
	}
	.sb_p80_2{
		padding-top:40px;
		padding-bottom:40px;
	}
	.sb_p100_1{
		padding-bottom:50px;
	}
/****************************** PC ************************************************************************************************************************************************************************************/
}@media all and (min-width: 761px){
	.pc { display: block !important; }
	.sp { display: none !important; }

	/********** TOP **********/
	.bg_img{
		background-image: url("../img/01_top/01_bgimg_01.jpg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size: contain;
	}
	.bg_img_02{
		background-image: url("../img/01_top/01_bgimg_02.jpg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size: contain;
	}
	.bg_img_03{
		background-image: url("../img/01_top/01_bgimg_03.jpg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size: contain;
	}
	.bg_img_04{
		background-image: url("../img/01_top/01_bgimg_04.jpg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size: contain;
	}
	.bg_img_05{
		background-image: url("../img/01_top/01_bgimg_05.jpg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size: contain;
	}
	.rec_title{
		width:100%;
		font-size: 2.8rem;
		color:#ff0000;
		border-bottom:#ff0000 solid 2px;
	}
	.rec_text{
		font-size: 1.8rem;
		margin-top:20px;
		margin-bottom:32px;
	}
	.ope_title{
		width:100%;
		font-size: 2.8rem;
		color:#36ab23;
		border-bottom:#36ab23 solid 2px;
	}
	.ope_text{
		font-size: 1.8rem;
		margin-top:20px;
		margin-bottom:32px;
	}
	/**お問い合わせ******************/
	.mailform{
		width:70%;
		margin:40px auto 0 auto;
		box-sizing: border-box;
	}
	.koumoku{
		padding:5px 0 5px;
		font-weight:bold;
		box-sizing: border-box;
	}
	.nyuryoku{
		margin-bottom:10px;
		box-sizing: border-box;
	}
	.nyuryoku input[type=text]{
		width:100%;
		font-size:1.8rem;
		text-align:left;
		padding:15px 0 15px 20px;
		margin-bottom:20px;
		background-color:#eee;
		border: 0;
		box-sizing: border-box;
	}
	.nyuryoku label input[type=radio]{
		font-size:1.8rem;
		margin:10px 0 20px 0px;
	}
	.sample02 input[type=image]{
		margin:0 auto 0 auto;
	}

	.nyuryoku textarea {
		width:100%;
		text-align:left;
		font-size:1.8rem;
		padding:10px 0 10px 20px;
		background-color:#eee;
		border: 0;
		box-sizing: border-box;
	}
	.privacy_box{
		width:100%;
		height:200px;
		font-size:1.8rem;
		margin:20px auto 20px auto;
		padding:10px 0 10px 20px;
		overflow-y:scroll;
		background-color:#FFF;
		border:solid 1px;
		box-sizing: border-box;
	}
	.koumoku_check{
		padding:10px 0 5px;
		font-weight:bold;
		box-sizing: border-box;
	}
	.nyuryoku_check{
		padding-bottom:10px;
		margin-bottom:10px;
		box-sizing: border-box;
		border-bottom:solid 1px #666;
	}
	.nyuryoku_check2{
		padding-bottom:10px;
		margin-bottom:10px;
		box-sizing: border-box;
	}
	input[type=image]{
		width:100%;
	}
	.map iframe{
		width:100%;
		height:400px;
	}
	/********************/
	.s_top{
		padding-top:160px;
	}
	.mail_bd{
		border:solid 2px #ff5f00;
	}
	.mail_bd_tb{
		border-top:solid 5px #ff5f00;
		border-bottom:solid 5px #ff5f00;
	}
	/*****************************************************************/
	.main_contents{
		width:100%;
		margin:0 auto 0 auto;
	}
	.lb_50_100{
		float:left;
		width:50%;
		padding-right:10px;
		box-sizing: border-box;
	}
	.rb_50_100{
		float:right;
		width:50%;
		padding-left:10px;
		box-sizing: border-box;
	}
	.lb_60_100{
		float:left;
		width:55%;
		padding-right:10px;
		box-sizing: border-box;
	}
	.rb_40_100{
		float:left;
		width:40%;
		padding-left:10px;
		box-sizing: border-box;
	}
	.lb_33_100{
		float:left;
		width:33.33%;
		padding:0 10px 0 10px;
		box-sizing: border-box;
	}
	.lb_25_50{
		float:left;
		width:25%;
		box-sizing: border-box;
	}
	.lb_25_100{
		float:left;
		width:25%;
		box-sizing: border-box;
	}
	/********************/
	.footer_box{
		width:90%;
		max-width:1080px;
		margin:0 auto 0 auto;
		padding:30px 0 30px;
		box-sizing:border-box;
	}
	.footer_link_box{
		width:180px;
		margin:15px 0 10px;
		box-sizing:border-box;
	}
	.footer_link_box img{
		width:100%;
		padding-right:20px;
		box-sizing:border-box;
	}
	/********************/
	.back_btn{
		position:fixed;
		bottom:150px;
		right:30px;
		z-index:100;
		width:200px;
		opacity:1;
	}
	.back_btn a{
		margin-bottom:20px;
	}
	.sb_00{
		margin-top:0px;
		margin-bottom:0px;
	}
	.sb_50{
		margin-top:0px;
		margin-bottom:50px;
	}
	.sb_75{
		margin-top:0px;
		margin-bottom:75px;
	}
	.sb_100{
		margin-top:0px;
		margin-bottom:100px;
	}
	.sb_50_2{
		margin-top:50px;
		margin-bottom:50px;
	}
	.sb_100_2{
		margin-top:100px;
		margin-bottom:100px;
	}
	.sb_p30_１{
		padding-bottom:30px;
	}
	.sb_p30_2{
		padding-top:30px;
		padding-bottom:30px;
	}
	.sb_p50_1{
		padding-bottom:50px;
	}
	.sb_p50_2{
		padding-top:50px;
		padding-bottom:50px;
	}
	.sb_p80_2{
		padding-top:80px;
		padding-bottom:80px;
	}
	.sb_p100_1{
		padding-bottom:100px;
	}
}


.class_info_table{
	margin-top:10px;
}
.class_info_table tr{
border-bottom:dotted 1px #CCC;
}
.class_info_table th{
	width:30%;
	text-align:center;
	background-color:#deecf8;
	padding:10px;
}
.class_info_table td{
	padding:10px;
}
.gmap{
	margin-top:10px;
}

/********** 共通 **********/
.lb_50{
	float:left;
	width:50%;
	box-sizing: border-box;
}
.rb_50{
	float:right;
	width:50%;
	box-sizing: border-box;
}
.lb_33{
	float:left;
	width:33%;
	box-sizing: border-box;
}
.lb_30{
	float:left;
	width:30%;
	padding:10px;
	box-sizing: border-box;
}
.rb_70{
	float:right;
	width:70%;
	padding:10px;
	box-sizing: border-box;
}
.mv-video video {
	width: 100%;
	height: 100%
 }

.bgc_white{
	background-color:#FFF;
}
.bgc_lightgray{
	background-color:#f5f9fa;
}
.bgc_black{
	background-color:#000;
}
.bgc_gray{
	background-color:#CCC;
}
.bgc_brown{
	background-color:#6c2618;
}
.bgc_red{
	background-color:#f66;
}
.bgc_blue{
	background-color:#66f;
}
.bgc_green{
	background-color:#52b823;
}
.bgc_green2{
	background-color:#00d250;
}
.bgc_lgreen{
	background-color:#e1ffdd;
}
.bgc_lgreen2{
	background-color:#e1ffc9;
}
.bgc_dgreen{
	background-color:#36ab23;
}

.bgc_orange{
	background-color:#ff5f00;
}
.bgc_yellow{
	background-color:#fff532;
}
.bgc_lorange{
	background-color:#fff2c8;
}


.fc_white{
	color:#fff;
}
.fc_black{
	color:#000;
}
.fc_red{
	color:#F00;
}
.fc_brown{
	color:#56342b;
}
.fc_yellow{
	color:#fff532;
}
.fc_orange{
	color:#ff5f00;
}
table tr, td {
	vertical-align: middle;
}


/********** レイアウト **************************************************************************/
.box_s {
	box-shadow: 2px 2px 4px gray;
	border:solid 1px gray;
	border-radius: 15px;
	padding:10px;
}

.rt_blue {
	background-color: #9090FF;
	padding: 10px 0 10px 20px;
	color: #FFF;
	border-radius: 20px 20px 0 0;
	border:solid 2px #9090FF;
}
.bd_b{
	border:solid 2px #9090FF;
	padding:20px;
}

.rt_red {
	background-color: #FF9090;
	padding: 10px 0 10px 20px;
	color: #FFFFFF;
	border-radius: 20px 20px 0 0;
	border:solid 2px #FF9090;
}
.bd_r{
	border:solid 2px #FF9090;
	padding:20px;
}


.btn,
a.btn,
button.btn {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 0.5rem;
}

a.btn-01 {
  color: #FFF;
  background-color: #6699FF;
  border-bottom: 5px solid #4477ee;
}

a.btn-01:hover {
	color: #FFF;
	background-color: #88bbFF;
	border-bottom: 5px solid #6699ff; 
}