@charset "UTF-8";
/* CSS Document */

/*スマホ用スタイル*/
@media screen and (max-width: 767px){
	
	body{
		font-size:12px;
		border-top:none;
		min-width: 100%;
	}

	.br_sp{
		display:block;
	}
	.br_pc{
		display:none;
	}
	.br_tab{
		display:none;
	}
	
	img{
		width: 100% !important;
	}

	section{
		padding: 40px 0 20px 0;
	}
	
	.conIn{
		width: 100%;
	}	

	.container {
		width: 100%;
	}

	header{
		height: auto;
		padding: 25px 0 0 0;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: 200 !important;
	}
	
	h1{
		width: 85%;
		background-size: contain;
		
		margin: 0 auto;
	}

	.navi{
		position: inherit;
		text-align: center;
		margin: 15px auto 0 auto;
	}

	.navi li{
		float: left;
		border-left: none;
		margin: 0;
		padding: 0;
		width: 20%;
	}
	
	.navi li a{
		display: block;
		width: 100%;
		background-size: contain;
		height: 0;
		padding-top: 93.75%;
		text-indent: -200%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.navi .navi01 a{
		background-image: url(../images/sp_navi01.png);
	}
	.navi .navi02 a{
		background-image: url(../images/sp_navi02.png);
	}
	.navi .navi03 a{
		background-image: url(../images/sp_navi03.png);
	}
	.navi .navi04 a{
		background-image: url(../images/sp_navi04.png);
	}
	.navi .navi05 a{
		background-image: url(../images/sp_navi05.png);
	}

	.mv{
		height: auto;
		min-height: 200px;
		padding-top: 272px;
		margin-top: -136px;
	}
	.mv img{
		width: 100%;
		min-height: 200px;
	}

	.bx-wrapper{
		margin-bottom: 0;
	}	

	.slideBtn{
		display: none;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a{
		width: 8px !important;
		height: 8px !important;
	}
	
	header + div + section{
		padding: 0 0 40px 0;
	}
	
	.container h2,
	#about{
		margin: 0 auto 5px auto;
		background-size: contain;
		width: 95%;
	}
		
	#about2,#history{
		margin: 0 auto 15px auto;
	}
	
	#photo{
		margin: 15px auto;
	}
	.conIn{
		padding: 50px 0 0 0;
	}
	
	.aIbox{
		width: 40%;
		margin: 30px 0 0 6.5%;
	}
	
	.aIbox:nth-child(3n) {
		margin: 30px 0 0 6.5%;
	}

	
	.ab2Box div,
	.ab2Box .ab2right{
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	
	.ab2Box div{
		text-align: center;
		margin: 15px auto;
	}

	.ab2Box img{
		width: 60%;
		margin: 0 auto;
	}

	.ab2Box .ab2right p{
		text-align: left;
	}
	
	.ab2Box:last-child .ab2right{
		height: auto;
	}
	
	.bg-paper{
		padding: 60px 0 30px 0;
	}
	
	.hisRight{
		float: none;
		width: 97%;
		margin: 0 auto;
	}
	
	.hisRight p{
		margin: 0 0 50px 0;
	}

	.hisRight div{
		margin: 0;
	}
	
	.hisLeft{
		float: none;
		width: 65%;
		margin: 50px auto 0 auto;
	}	
	
	.photoBtn{
		text-align: center;
	}
	
	.photoBtn img{
		width:90%;
		max-width: 90%;
		height: auto;
		margin: 0 auto;
	}
		
	.message{
		background: url(../images/meImg_sp.png);
		width: 95%;
		height: 0;
		padding-top: 27.46%;
		background-size: contain;
		margin: 20px auto 10px auto;
	}
	
	.photolink{
		width: 95%;
		margin: 0 auto;
	}

	.photoBox img{
		width:100%;
		max-width: 100%;
		height: auto;
	}

	.comBnr {
		width: 100%;
		border-top: 1px solid #203744;
		padding-top: 20px;
		margin: 20px auto;
	}	
	
	.comBnr li{
		width: 15%;
		margin: 0 2%;
	}
	.comBnr li img{
		width: 100%;
	}
	
	.flogo{
		width: 90%;
		background-size: contain;
		background-repeat: no-repeat;
	}
		
	.photoBox .image-box {
		margin-left: 30px !important;
		margin-bottom: 30px;
	}

	footer{
		padding: 0 0 30px 0;
	}
	
	.copyright{
		font-size: 80%;
		margin: 2em 0 0 0;
	}

	.pagetop {
		right: 10px;
	}
	
	
}
/*スマホ用スタイルend*/