@media only screen and (max-width: 768px) and (min-width: 641px){
/*--------------------------------------------------
	タブレットのみ適応
--------------------------------------------------*/
.dsp_smt { display: none; }

.contact_bana p.tel2 br {
	display: none;
}

#zaitaku #zaitaku_box2in .fl img{
	width: 50%;
	height: auto;
}
}
@media only screen and (max-width: 768px) {
/*--------------------------------------------------
	タブレット・スマホに適応
--------------------------------------------------*/
.dsp_hp { display: none; }
.w100 img { width: 100%; 	height: auto; }
.br { display: block; }

/* ヘッダ */
#header {
	padding: 0 10px 15px;
}
#header h1 {
	padding-right: 50px;
}
#header .title {
}
#menu_link {
	position: absolute;
	right: 0;
	bottom: -70px;
	width: 35px;
	padding: 8px 10px;
	background: #195FAB;
	border-radius: 0 0 5px 5px;
}
#menu_link img {
	width: 100%;
	height: auto;
}
/* ページタイトル */
#page_title img {
	width: 100%;
	height: auto;
}
/* メニュー */
#menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #195FAB url(../img/bg_dot.png);
	z-index: 9999;
}
#menu li a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 20px;
}
#menu li {
	border-bottom: 1px solid #FFFFFF;
}
/* コンテナ */
#container{
	padding: 0 0 30px;
}
.main {
	padding-left: 15px;
	padding-right: 15px;
}
/* お問い合わせ */
.contact_bana .main {
	padding-top: 20px;
	padding-bottom: 20px;
}
.contact_bana p.tel {
	width: 370px;
	margin: auto;
	white-space: nowrap;
}
.contact_bana p.tel2 {
	margin-bottom: 10px;
	text-align: center;
}
.contact_bana p.tel2 a {
	margin-left: 10px;
	vertical-align: middle;
}
.contact_bana p.btn a {
	padding: 10px 0;
}
/* フッター */
#footer .box {
	padding: 10px;
}
#copyright {
	text-align: center;
}

/*--------------------------------------------------
  トップページ
--------------------------------------------------*/
/* お預かり事例 */
#top_ex {
	padding: 40px 0 20px;
	background-position: center bottom;
}
#top_ex dl {
	margin-bottom: 30px;
}
#top_ex dl:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0px;
	content: "";
}
#top_ex dt img {
	float: left;
	width: 150px;
	height: auto;
}
#top_ex dt b,
#top_ex dd {
	margin-left: 170px;
}
/* 卒業生、保護者の声 */
#top_voice {
	padding: 40px 0 20px;
	background-size: auto 100%;
	-webkit-background-size: auto 100%;
}
#top_voice dl {
	padding: 20px;
}
/* よくある質問 */
#top_faq {
	margin-bottom: 50px;
	padding: 30px 0 20px;
}
/* お知らせ */
#top_info {
	margin-bottom: 50px;
}
#movie {
	flex-direction: column-reverse;
}
#movie .youtube {
	margin-bottom: 20px;
}
/*--------------------------------------------------
  在宅支援
--------------------------------------------------*/
#container #zaitaku h3.sub b{
	background:none;
	display:block;
	padding:0px;
	background-image: url(../img/ico_sub.png), url(../img/ico_sub.png);
	background-position: left 5% center, right 5% center;
	background-repeat: no-repeat;
}
#zaitaku #zaitaku_box2 dl,
#zaitaku #zaitaku_box2 dl+dl,
#zaitaku #zaitaku_box2 dl+dl+dl,
#zaitaku #zaitaku_box2 dl+dl+dl+dl{
	float:none;
	width:90%;
	margin:0px auto 50px;
}
#zaitaku #zaitaku_box2 dl dt{
	left:35%;
}
#zaitaku #zaitaku_box2 .txt{
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
}
#zaitaku #zaitaku_box2 .box{
	width:90%;
	margin:30px auto;
}
#zaitaku #zaitaku_box2in .in{
	background-image:none;
}
#zaitaku #zaitaku_box2in .fr{
	float:none;
	width:100%;
}
#zaitaku #zaitaku_box2in .fr h4{
	text-align:center;
}
#zaitaku #zaitaku_box2in .fr table{
	width:100%;
}
#zaitaku #zaitaku_box2in .in .btn {
	width: 100%;
}
#zaitaku #zaitaku_box3 dl .pst{
	position:absolute;
	right:4%;
	bottom:15px;
	margin-right: 0;
}
#zaitaku #zaitaku_box3 dl p.pst.nm {
		padding: 0;
	}
#zaitaku #zaitaku_box3 dd p{
	padding-right:25%;
}
#zaitaku #zaitaku_box3in .in2{
	background-image:none;
}
#zaitaku #zaitaku_box3in .in2 .pst03{
	top:-20px;
	left:32%;
}
#zaitaku #zaitaku_box3in .in2 .pst03 img{
	width:70%;
	height:auto;
}
#zaitaku #zaitaku_box3in .in2 .cen span{
	font-size:22px;
	line-height:250%;
}
/**/
#zaitaku .shiharai {
	text-align:center;
}

/*--------------------------------------------------
  ご挨拶・会社紹介
--------------------------------------------------*/
#about #about_box1 .fl,
#about #about_box1 .fr{
	float:none;
	display:block;
	text-align:center;
}
#about #about_box1 .fm.fl.nm{
	text-align: left;
}
#about #about_box1 .box .in h5,
#about #about_box1 .box .in .fr p,
#about #about_box1 .box .in li{
	text-align:left;
}
#about #about_box1 .box .in .fl{
	margin-top:20px;
}
#about #about_box1 .in{
	background-position:right 50px top 50px;
}
#about #about_box2 dl dt{
	text-align:center;
	margin-bottom:15px;
}
/*--------------------------------------------------
  特定商取引法表記
--------------------------------------------------*/
/* 特定商取引法表記 */
#policy th,
#policy td {
	display:block;
	margin-bottom: -1px;
}

/*--------------------------------------------------
	お問い合せ
--------------------------------------------------*/
#contact th,
#contact td {
	display: block;
	margin-top: -1px;
}
#mailform dd input[type="text"] {
	width: 100%;
}
#mailform dd input.wno {
	width:100px;
}
#mailform dd textarea {
	width: 100%;
}

/*------------------------------------------------*/
}