@charset "UTF-8";


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	.inner {
		width:100%;
	}

	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}

	footer {
		width:100%;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.lock {
	overflow:hidden;
	height:100%;
	}

#space  {
	width:auto;
	height:510%;
}

header {
	z-index:2;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:15px 10px;
	}

.summary {
	position:relative;
	top:auto;
	right:auto;
	margin-top:15px;
	}

#main {
	float:none;
	width:100%;
	margin-left:-10px;
	}
	
#onepage {
	float:none;
	width:100%;
	}

#sub {
	float:none;
	width:100%;
	}
nav {
	margin-top:100px;
	background:#fff;
	}
nav ul {
	margin:0;
	padding:0;
	}

nav .inner > ul {
	z-index:2;
	overflow:auto;
	position:fixed;
	top:53px;
	right:0;
	width:100%;
	height:88%;
	height:-webkit-calc(100% - 53px);
	height:calc(100% - 53px);
	}
	/* ナビのアイコン化 */
nav li {
	position:relative;
	width:100%;
	float:none;
	text-align:left;
	list-style:none;
	border-bottom:1px solid #fff;
	background:#fff;
	}

nav li:first-child {
	border-top:0;
	}
nav li:last-child {
	border-bottom:0;
	}
	
/* ナビを展開した時*/
nav li a {
	display:block;
	padding:10px 30px;
	color:#fff;
	text-decoration:none;
	background:#000;
	}
nav li a:hover {
	color:#fff;
	background:#142A96;	/* オンマウス*/
	}
nav ul ul {
	display:none;
	position:relative;
	}
nav li li a {
	color:#000;
	box-sizing:border-box;
	width:100%;
	padding:10px 30px 10px 50px;
	text-align:left;
	background:#cee8ce;	/* サブメニュー*/
	}

.subnav > a:before {
	display:block;
	content:"";
	position:absolute;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:20px;
	right:30px;
	width:10px;
	height:10px;
	margin-top:-5px;
	background:#f1f1f1;	/* プルダウンの矢印*/
	}
.subnav > a:after {
	display:block;
	content:"";
	position:absolute;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:20px;
	right:30px;
	width:10px;
	height:10px;
	margin-top:-10px;
	background:#9b0f0f;
	}
	/* 矢印*/
	.subnav a:hover:after {
	  background:#142a96;
	}
	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	#spMenu {
		z-index:2;
		position:fixed;
		top:10px;
		right:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:30px;
		height:30px;
		border-radius:5%;
		background:#142A96;/* アイコンの背景*/
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#f1f1f1;/* アイコンの線*/
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
		.col_two_one p {/*フォントサイズの変更 */
	  font-size: 200%;
	}	

.col_two_one imgR p{
	  font-size: 150%;
	}
	
.col_two_one imgL p {
	  font-size: 150%;
	}
.bnr_left {
    float:left;
    margin-top:5px;
}
.bnr_right {
    float:right;
        margin-top:-5px;
}	
.bnr img {
	width:49%;

}
/*================================================
 *  003から移植
 ================================================*/
	    .contact {
        position:relative;
        float:left;
        margin:10px 0;
    }

   /* トップナビ */
    .topNavi {
        margin-right:0;
    }

    .topNaviColumn {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }
       
        /* トップナビ 2*/
    .topNavi2 {
        margin-right:0;
    }

    .topNaviColumn2 {
        display:block;
        box-sizing:border-box;
        width:48%;
        float:left;
        margin-right:1%;
        margin-left:1%;
        margin-bottom:10px;
    }   
       
       
        /* photo*/
     .photo {
        margin-right:0;
    }

    .photo img {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }   
    
    


    
    /*================================================
 *  003から移植
 ================================================*/
     .catalog {
        margin-right:-2%;
    }
    .catalog li {
        float:left;
        width:23%;
        margin:0 2% 2% 0;
    }

    .catalog li img {
        width:100%;
    }
 
 
    /* モバイル時に拡大するためのオリジナル */ 
.service {
        margin-right:0;
}
.service li {
    list-style:none;
    float:left;
    width:100%;
    margin:0 2% 10px 0;
}
.service li img {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;
}


.staff {
    margin:10px -3% 0 0;
}
.staff div {
    float:left;
    width:100%;
    margin-right:2%;
}
.staff div img {
    width:97%;
    margin-bottom:10px;
}

.staff2 {
    margin:10px -3% 0 0;
}
.staff2 div {
    float:left;
    width:100%;
    margin-right:2%;
}
.staff2 div img {
    width:97%;
    margin-bottom:10px;
}

.bnr2_left {
    float:left;
    margin-top:5px;
}
.bnr2_right {
    float:right;
        margin-top:-5px;
}	
.bnr2 img {
	width:49%;
}

}