@charset "utf-8";
/* CSS Document */
@media only screen and (max-device-width: 767px) {
.sp_only {
	display: block;
}
.pc_only {
	display: none;
}
	html {
		font-size: 20px
	}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-color: #fff;
	color: #010101;
	line-height: 1.5;
	letter-spacing: 0.03em;
	min-width: inherit;
	width: 500px;
	margin: auto;
	}
	.inner {
		padding: 0 35px;
	}
	a.btn {
		width: 100%;
	}
	.ttl_h2 {
		font-size: 2.4rem;
	}
	.ttl_h2 span {
		font-size: 0.95rem;
	}
	a.btn_red.sp_only {
		display: block;
	}
	a.btn_red.pc_only {
		display: none;
	}
	.bread {display: none;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#header-inner .header_right {
		display: none;
	}
	#header-inner .logo {
    width: 225px;
    float: none;
	}
	#header-inner:before {
    content: "";
		width: 135px;
		height: 135px;
		background: url(../../images/common/img-header_icn.png) no-repeat left center;
		background-size: contain;
    position: absolute;
    left: 15px;
    top: -25px;
    z-index: 2;
	}
	#masthead {
    padding: 19px 0 11px 0;
	}
	#header-inner .sp_btn {
		display: block;
		width: 47px;
		height: 39px;
		background: url(../../images_sp/common/btn-open.png) no-repeat left center;
		background-size: contain;
		position: absolute;
		right: 22px;
		top: 19px;
	}
	#header-inner .sp_btn.open {
		background-image: url(../../images_sp/common/btn-close.png);
	}
	.site_menu dl {
		width: 100% !important;
		float: none;
		margin: 0 0 15px 0 !important;
	}
	#footer dl {
		margin: -32px 0 15px 0 !important;
	}
	
	.site_menu .sp_toggle_btn {
		background: url(../../images_sp/common/icn-plus.jpg) no-repeat right 3px;
    width: 30px;
    height: 33px;
    display: inline-block;
    background-size: 100%;
    float: right;
    margin-top: 1px;
		position: relative;
		z-index: 1;
	}
	
	.site_menu .sp_toggle_btn.close {
		background-image: url(../../images_sp/common/icn-minus.jpg);
	}
	.site_menu dl dd {
		display: none;
	}
	#sp_navi {
		display: block;
		position: absolute;
		top: 114px;
		left: 0;
		width: 100%;
		background-color: #fdfcf3;
		padding: 55px 0;
		z-index: 1;
		display: none;
	}
	#sp_navi .lang {
		padding: 0 35px;
		margin: 35px 0 15px 0;
	}
	#sp_navi .lang a {
		width: 48%;
		display: inline-block;
	}
	#sp_navi .lang a:last-child {
		float: right;
	}
	#sp_navi .tel {
		padding: 0 19px;
		margin-bottom: 15px;
		letter-spacing: 2px;
		text-align: center;
	}
	#sp_navi .tel a {
		font-size: 1.625rem;
	}
	#sp_navi .facebook {
		padding: 0 35px;
	}
	.footer_address .inner {
    padding: 367px 35px 69px 35px;
    background: url(../../images_sp/common/bg-footer_ill.png) no-repeat center top;
		background-size: 70%;
	}
	.footer_address .copy {
		text-align: center;
	}
	
		#index_info .ttl_info {
		text-align: center;
	}
	#index_info .ttl_info span {
		display: block;
		margin: 0;
		font-size: 0.95rem;
	}
	#index_info tr,#index_info td,#index_info th {
		display: block !important;
		width: 100% !important;
	}
	#index_info table th {
		padding: 0 0 0 0;
	}
	#index_info table tr {
		padding-bottom: 10px;
		margin: 0 0 10px 0;
		background: url(../../images_sp/common/icn-arrow_right.png) no-repeat right center;
		background-size: 13px;
		border-bottom-width: 1px;
	}
	.icn_cat {
		margin-bottom: 5px;
	}
	.home .icn_cat,.page_news .icn_cat {
		margin-left: 0;
	}
	#index_info table {
		margin-bottom: 35px;
	}
	#index_info .icn_new.sp_icn {
		display: inline-block;
	}
	.home #index_info .icn_new.sp_icn,
	.page_news .icn_new.sp_icn {
		display: none !important;
	}
	.single .btn {
		width: 62% !important;
	}
	.list_course li {
		width: 90%;
		margin: 0 0 15px 0!important;
	}
	.list_course li.line02 a {
    line-height: 25px;
    padding-top: 13px;
	}
	.list_course li a {
		font-size: 1.1rem;
	}
	.list_course li span {
		font-size: 1.1rem;
	}
	.list_course li.line03 a {
    line-height: 20px;
    padding-top: 8px;
    font-size: 1rem;
}
	.pagetop {width: 60px;}
	
	#menu-item-131 {
		display: none;
	}
	.site_menu ul li {
    font-size: 1.14rem;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
    font-weight: 600;
	}
  img {
    height: auto;
  }

/** TOP空き状況バナー **/
a.btn_apply {
	margin: 50px auto 20px;
	width: 80%;
	text-align: left;
}
.btn_apply_top {
	position: absolute;
	right: 0;
	top: -50px;
	z-index: 10;
	animation: fuwafuwa 2s infinite ease-in-out;
}








}
@keyframes fuwafuwa {
  0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, -20px);
}
100% {
transform: translate(0, 0);
}
}