@charset "utf-8";
.sm_on{
	display:none;
}

/* iphone縦横共通の設定 */
@media only screen and (max-width:480px) {
	body{
		width: 100%;

		min-width: 100%;

	}

	/*layout*/
	#page{
		padding-top:10px;
	}
	#page .contentWrap{
		width:95%;
	}
	#page .contentWrap .marginWrap{
		padding:80px 3%;
	}
	#page .contentWrap--full .marginWrap--full{
		padding:80px 0;
	}
	#page .contentWrap{
		width:98%;
	}
	#page .contentWrap--full{
		width:100%;
	}
	.reasonText{
		padding:0 0 25px;
	}

	.contentBox{
		width:100%;
		height:inherit;
		margin:6px 0;
	}

	.staffLayout{
		width:100%;
		margin-bottom:60px;
	}

	.staffLayout__l{
		width:20%;
	}
	.staffLayout__r{
		width:80%;
		font-size: 120%;
	}

	.pickupLayout{
		width:100%;
		margin-bottom:30px;
	}
	.pickupLayout__l{
		width:15%;
		padding-right:2%;
	}
	.pickupLayout__r{
		width:83%;
	}
	.pickupLayout__l img{
		width:100%;
	}

	#footer .copyrightWrap{
		width:100%;
	}

	/*
	タイトル箇所初期化
	*/
	.pageCategoryWrap{
		height:inherit;
		width:100%;
		margin-top:20px;
	}
	.pageCategoryWrap_l{
		float:none;
		width:inherit;
	}
	.pageCategoryWrap_r{
		padding:0 30px 50px;
		float:none;
		width:inherit;
	}
	.naviTitle{
		padding:20px 20px;
		font-size: 120%;
	}
	#breadcrumbs{
		margin-top:-10px;
		padding: 30px 20px 15px; 
	}
	/*
	レイアウト箇所初期化
	*/
	.pageContentWrap{
		width:inherit;
	}
	.pageContentBox{
		float:none;
		width:inherit;
		padding:0;
	}
	.pageContentNaviBox{
			float:none;
			width:100%;
	}
	.contentNaviArea{

	}
	/*
	ナビ
	*/
	#header-sm{
		width:96%;
		padding:20px 2% 10px;
	}
	#page .mainContentWrap{
		padding-top:0px;
		width:inherit;
	}
	.nav-collapse a{
		font-size: 120%;
	}
	.nav-toggle {
    -moz-user-select: none;


    border-radius: 3px;
    float: right;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
    width: 40px;
	}
	/*パンクズ*/
	#breadcrumbs .bread_box{
		width:100%;
		box-sizing:border-box;
		line-height:150%;
	}

	/* font-size */
	.omakaseText,.gimonText{
		font-size: 120%;
	}

	/* 3つの理由 */
	#page .contentArea--bg2{
		background-image:none;
		background-color:#f5f5f5;
		height:inherit;
	}
	.reasonAreaTitle{
		font-size: 140%;
	}
	.reasonAreaTitle .veryLargeText{
		font-size: 300%;
		top:5px;
	}
	.reasonAreaTitle .largeText{
		font-size: 250%;
	}
	.reasonTitle{
		font-size: 200%;
	}
	.reasonText{
		font-size: 120%;
	}
	.reason_box_sm{
		background-color:#1DB2F4;
		padding:20px 2%;
	}
	.reason_box_sm2{
		background-color:#2692FF;
		padding:20px 2%;
	}
	.reason_box_sm3{
		background-color:#1DB2F4;
		padding:20px 2%;
	}

	/* TOP 各コンテンツのタイトル箇所 */
	.contentTitle{
		width:90%;
		padding:25px 3%;
	}
	.contentTitle--right{
		left:6px;
	}
	#page .bg_img1{
		background-image:none;
	}
	#page .bg_img2{
		background-image:none;
	}
	#page .bg_img3{
		background-image:none;
	}

	.contentBox .serviceTitle{
		font-size:150%;
		height:inherit;
		margin-bottom:20px;
	}
	.contentBox .serviceText{
		font-size: 120%;
		height:inherit;
		margin-bottom:20px;
	}
	.contentBox a.serviceDetail{
		font-size: 120%;
		height:inherit;
		padding:20px 0;
	}
	.pickupTitle{
			font-size: 150%;
	}
	.pickupText{
		font-size: 120%;
	}
	.newsDate{
				font-size: 120%;
	}
	a.newsText{
		font-size: 130%;
	}

	.sm_on{
		display:block;
	}
	.sm_off{
		display:none;
	}

	.pageCategoryTitle1{
		font-size:300%;
	}
	.pageCategoryTitle2{
		font-size:150%;
	}
	.pageCategoryText{
		font-size:120%;
	}

	/*TOPメイン画像*/
	#page .mainContentArea{
		background-image:none;
	}
	/*スタッフ*/
	.staffView{
		font-size:120%;
	}
	.jinzaiTable{
		font-size:120%;
	}
	.jinzaiTable td{
		line-height:150%;
	}
	.linkList{
		font-size:120%;
		padding:30px 20px;
	}

	/*サービス*/
	.myTitle{
		font-size:200%;
		padding-bottom:40px;
	}
	div.mySub{
		font-size:160%;
	}
	div.myText{
		margin-bottom:60px;
	}

	/*コラム*/
	.columnBox{
		display:table;
		margin:40px 0 ;
	}
	.columnBoxLeft{
		float:none;
		display:table-cell;
		width:20%;
		vertical-align: top;
	}
	.columnBoxRight{

		float:none;
		display:table-cell;
		width:80%;
		vertical-align: top;
	}
	.columnBoxRight p{
		font-size:120%;
	}
	.columnBoxRight h3{
		font-size:200%;
	}
	.columnBoxRight h4{
		font-size:120%;
	}

	/*お知らせ*/
	.newsBox .date{
			font-size:120%;
	}
	.newsBox h3{
		font-size:150%;
	}
	.newsBox .read{
		font-size:120%;
	}
	.newsContents .newsTitle{
		font-size:150%;
	}
	.newsLead{
		font-size:120%;
	}
	.newsDesc{
		font-size:120%;
	}
	.pageBackNav{
		font-size:120%;
	}

	/* お問い合わせ */
	.tel_comment{
		padding:20px 5%;
		margin:20px 0;
	}
	.regForm th{
		width:100%;
		display:block;
		padding-bottom:0;
	}
	.regForm td{
		width:100%;
		display:block;
	}
	.w500{
		width:90%;
	}
	.w300{
		width:90%;
	}

	/* 個別ページ 画像 */
	.contentBoxArea img{
		width:100%;
	}
	.contentBoxArea .socialbtn{
		width:290px;
		margin:0 auto;
	}
	.contentBoxArea .socialbtn img{
		width:140px;
		margin-bottom:5px;
	}
}




/*
iphone縦横共通の設定
サイドバーをフッターに
*/