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

/*----------------------------------------------------
	フォントサイズ
----------------------------------------------------*/
/*----------------------------------------------------
基本フォントサイズは13px
個別にサイズを変えたい場合は下記を参考に%で指定する
10px →	77%
11px →	85%
12px →	93%
13px →	100%
14px →	108%
15px →	116%
16px →	124%
17px →	131%
18px →	139%
19px →	147%
20px →	154%
21px →	162%
22px →	169%
23px →	177%
24px →	185%
25px →	192%
26px →	200%
----------------------------------------------------*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body, div, span, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}

body {
	color: #000000;
	background-color:#ffffff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:15px;
	background-image:url(../../img/bg_head.png);
	background-position:top center;
	background-repeat:no-repeat;
}


/* フロート解除
----------------------------------------------------*/
.clear{
	clear: both;
}
 
 .clear_space30{
	height:30px;
	clear: both;
}
 .clear_space60{
	height:60px;
	clear: both;
}
        
/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */

div { zoom: 1; }
div:before,
div:after { content: ""; display: table; }
div:after { clear: both; }


/* スペース
----------------------------------------------------*/
.space_height{
	clear: both;
	height:20px;
}
 
 /*リンク設定
----------------------------------------------------*/
a {  
	cursor: pointer;
	color: #fff;
	text-decoration: none; 
}
a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
a:focus {
	color: #fff;
	text-decoration: underline;
}
a:active {
	color: #fff;
	text-decoration: underline;
}


h1{
margin:0 0 0 0;
padding:0;
font-size:0.5em;
font-weight:normal;
text-align:left;
color:#44b8cd;
}

@media screen and (min-width: 768px){
	h2{
		margin:0;
		padding:0;
		font-size:4em;
		font-weight:bold;
		line-height:1.3em;
		text-align:left;
		color: #000000;
	}
}
@media screen and (max-width: 767px){
	 h2{
		margin:0;
		padding:0;
		font-size:2.2em;
		font-weight:bold;
		line-height:1.2em;
		text-align:left;
		color: #000000;
	}
}




 /* HEADER
----------------------------------------------------*/
#HeaderArea {
	width:100%;
	margin:0 auto;
	padding:0;
}

@media screen and (min-width: 768px){
    #HeaderArea .Mount{
        position:relative;
        width:100%;
        /*min-height:1068px;*/
        margin:0 auto;
        padding:0 0 50px 0;
        background: #83919d;
    }
}
@media screen and (max-width: 767px){
    #HeaderArea .Mount{
        position:relative;
        width:100%;
        /*min-height:1068px;*/
        margin:0 auto;
        padding:0 0 50px 0;
        background: #ffffff;
    }
}

/*RoofBuy*/
@media screen and (max-width: 1199px){
	#HeaderArea .RoofBuy{
		width:109px;
		height:109px;
		text-align:right;
		margin:0 0 0 20px;
		padding:0 0 0 0;
		float:left;
	}
}
@media screen and (min-width: 1200px){
	#HeaderArea .RoofBuy{
		width:109px;
		height:109px;
		text-align:right;
		margin:0 0 0 20px;/*800⇒250*/
		padding:0 0 0 0;
		float:left;
	}
}

#HeaderArea .Roof{
	text-align:right;
	margin:0 auto 0 100px;
	padding:1em 1em 0 0;
	float:right;
	/*add*/
	color:#FFF;
	vertical-align:top;
}

#HeaderArea .Roof .HMenu{
	margin:1.2em 0 0 0;
	/*add*/
	color:#FFF;
	vertical-align:top;
	font-size:0.9em;
}

#HeaderArea .Roof a{
	/*add*/
	color:#ffffff;
}





 /* Area01
----------------------------------------------------*/
@media screen and (min-width: 768px){
	#AddAreaFAQ{
		width: 100%;
		min-height: 500px;
		padding: 80px 0 200px 0;
	}
	#AddAreaFAQ .leadText01{
		width: 100%;
		margin: 20px 10px 20px 0;
		font-size: 1.3em;
		line-height: 1.8em;
	}
}
@media screen and (max-width: 767px){
	#AddAreaFAQ{
		width: 100%;
		min-height: 300px;
		padding: 30px 0 150px 0;
	}
	#AddAreaFAQ .leadText01{
		width: 100%;
		margin: 20px 10px 20px 0;
		font-size: 1.3em;
		line-height: 1.8em;
	}
}



#AddAreaFAQ h2 {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    font-weight: normal;
    letter-spacing: -2px;
    font-size: 2em;
}


#AddAreaFAQ table {
    margin: 0;
    width: 100%;
    line-height: 180%;
    padding: 0 0 0 0;
    border-top: #ededed 4px solid;
}
#AddAreaFAQ table th {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 100%;
    text-align: left;
    padding: 1em;
}

#AddAreaFAQ table td {
    margin: 0;
    line-height: 180%;
    text-align: left;
    border-bottom: #ededed 2px solid;
    padding: 0 1em 1em 1em;
}







/* Footer Contact
----------------------------------------------------*/

#footerContact {
width:100%;
margin:0;
padding:7em 0 ;
background-color:#ededed;
}

#footerContact .Main{
width:100%;
text-align:left;
margin:0 auto;
padding:0;
}

#footerContact h2{
width:100%;
margin:0;
padding:10px 0;
text-align:left;
font-weight: normal;
letter-spacing: -2px;
font-size:2em;
}



 /* FOOTER
----------------------------------------------------*/

#FooterArea {

margin:0;
width:100%;
vertical-align:top;
background-color:#83919e;
color:#ffffff;
}


#FooterArea .Main{
width:90%;
text-align:center;
margin:0 auto;
clear:both;
padding:4em 0;
}

#FooterArea .FtMenu{
text-align:center;
padding:1em 0;
}

#FooterArea .FtMenu img{
margin:0  0 -10px 5px;
}

#FooterArea .CP{
	max-width:300px;
	text-align:center;
margin:20px auto;
}




#FooterArea .Main p.copy{
	font-size:0.7em;
	padding:0 0 0 0px;
	float:left;

}


#FooterArea a {  
	cursor: pointer;
	color: #ffffff;
	text-decoration: none; 
}
#FooterArea a:link {
	color: #ffffff;
	text-decoration: none;
}
#FooterArea a:visited {
	color: #ffffff;
	text-decoration: none;
}
#FooterArea a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#FooterArea a:focus {
	color: #ffffff;
	text-decoration: underline;
}
#FooterArea a:active {
	color: #ffffff;
	text-decoration: underline;
}