@charset "UTF-8";
/* CSS Document */
html{
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width:100%;
    background-color: white;
	color:black;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	margin: 0;
}

strong{
	font-weight:800;
}

.header{
	text-align : left;
	max-width: 100%;
	margin-left: 10px;
	margin-top: 10px;
}

.main{
	text-align: center;
	width: 100%;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

.main-about {
	margin-top:130px;
}

.main p{
	line-height:2.5;
	max-width: 100%;
	height:auto;
}

.contact-logo{
	padding-top:30px;
	padding-bottom:100px;
}
	

.footer{
	padding-top:55px;
	height:100px;
	width: 100%;
	background-color: #EFEFEF;
	text-align : center;
	background-position: center;
}

.footer-logo1{
	margin:8px;
	padding:8px;
	max-width:100%;
}

img {
    max-width: 100%;
}

/* モバイル版
------------------------------- */
@media (max-width: 450px){	
.pc {
	display: none !important;
}
	
.sp {
	display: block !important;
}
	
.header img{
	max-width:15%;
	height:auto;
}

.main-about img{
    max-width:70%;
	height:auto;
}
	
.main-about {
	margin-top:80px;
}

.main p{
	line-height:2.0;
	max-width:100%;
	height:auto;
	text-align: center;
	font-size:0.85rem;
}
	
.br-pc {
	display: none;
	}

	
.contact-logo img{
    max-width:65%;
	height:auto;
	padding-top:10px;

}

.footer{
	max-height:70px;
	padding-top:20px;
		
	}
.footer-logo1 img{
	max-width:55%;
}

}

@media (min-width: 450px){
	.br-sp {
	display: none;
	}
}