@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;
}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
    -webkit-text-size-adjust: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    font-size: 20px;
    line-height: 1.8em;
    background-position: center top;
    background-attachment: fixed;
		background-color: white;
}	

/* ---------------------------------------------------------------------
PC-SP表示切替
--------------------------------------------------------------------- */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}



/* レイアウト
------------------------------------------------------------*/
.wrapper, .inner{
	margin: 0 auto;
	width: 900px;
}



.content{
	width: 900px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	background-color: #FFF;
	margin-top: 200px;
}



.toppage{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



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

.text-text {
	padding-right: 50px;
	padding-left: 50px;
	line-height: 30px;
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 1.8em;
}






/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  .wrapper, .inner{width:100%;}
.wrapper2, .inner{width:100%;}
	#header{width:96%;padding:0 2%;}
	
	.contact{padding:10px 0 10px;}
	
	#mainImg img{width:100%;height:auto;}

	.content, .content2 {
	clear:both;
	width:100%;
	float:none;
	margin:0 auto;
	padding:0px 0;
		margin-top: 200px;

	}

	
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	body{background-position:0 -25px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	.contact{padding:0 0 20px;}
	.contact p{text-align:center;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	
	.toppage{
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	margin-top: 0px;
}
.toppage img{max-width:100%;height:auto;}
.text-text {
	font-size: 16px !important;
	padding-right: 5% !important;
	padding-left: 5% !important;
	line-height: 26px;
	padding-top: 20px!important;
	padding-bottom: 17px!important;
	margin-top: -12px;

}

}



/* ---------------------------------------------------------------------
フォント
--------------------------------------------------------------------- */


 .fb-b{color:#000000;font-size:28px;font-weight: bold;}
	

@media only screen and (max-width: 644px){

	.fb-b{color:#000000;font-size:28px;font-weight: bold;}
	
}