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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
fieldset{
	border:none;
}

#wrap{
	overflow: hidden;
}

/*PC用記述*/
@media screen and (min-width:765px){
.content {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}
.center {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
}
.hide-pc {
        display:none;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
header{
	background-image:url(../img/bg01.png);
	background-repeat:repeat-x;
	height:122px;
}
header div{
	width:1080px;
	margin-left:auto;
    margin-right:auto;
}


#bg-main-0{
	background-image:url(../img/bg-main-0.png);
	background-repeat:repeat-x;
	background-position:center;
	height: 449px;
}
	#bg-main{
		width: 1000px;
		margin: 0 auto;
	background-image:url(../img/bg-main.png);
	background-repeat: no-repeat;
	background-position:center;
	height: 449px;
	}
	#bg-main img{
		padding: 60px 0 0 20px;
	}
	#bg-main p{
		margin-top: -50px;
	}
	#bg02{
		background: url(../img/bg02.png) repeat-x;
	}
	#bg03{
		background: url(../img/bg03.png) no-repeat;
	}
	#bg03 p{
		width: 610px;
		padding: 60px 0 60px 50px;
		font-size: 19px;
		line-height: 24px
	}
	#bgmurasaki{
		background-color: #f1f4ff;
		padding: 20px 0 60px;
	}
	#bgmurasaki h2{
		margin: 20px 0 30px 0;
	}
	#reason01{
		background: url(../img/bg-reason01.png) no-repeat;
	}
	#reason02{
		background: url(../img/bg-reason02.png) no-repeat;
	}
		#reason03{
		background: url(../img/bg-reason03.png) no-repeat;
	}
	#bg04{
		background: url(../img/bg04.png) repeat-x;
	}
	.bg05{
		background: url(../img/bg05.png) ;
	}
	#text01{
		padding: 50px 0;
		font-size: 19px;
		line-height: 26px;
	}
	.button01{
		padding-bottom: 40px;
	}
	#bg06{
		background: url(../img/bg06.png);
		height: 1386px;
		width: 1000px;
		margin: 40px auto;
	}
	#bg06 h2{
		padding: 120px 0 30px 0
	}
	#check{
		width: 830px;
		margin: 0 auto;
		font-size: 20px;
	}
	#check h3{
		background-color: #ffefd7;
				padding: 16px 0 16px 22px;
		margin-top: 30px;

	}
	#check h3 span{
		background: url(../img/check01.png) no-repeat;
				padding: 5px 0 10px 40px;
	}
	#check p{
		background: url(../img/check02.png) no-repeat;
		padding: 0 0 0 32px;
		margin: 20px 0 0 50px;
	}
	#gazou01{
		text-align: center;
		margin: 0 auto;
	}
	#gazou01 img{
		margin-top: 40px;
	}
	#bg15{
		background: url(../img/bg15.png) no-repeat;
		height: 561px;
	}
	#left01{
		width: 420px;
		padding: 30px 0 0 60px;
		float: left;
	}
	#left01 p{
		font-size: 16px;
		line-height: 26px;
	}
	#left01 p span{
		font-weight: bold;
	}
	#map{
		margin-top: 30px;
	}
	#right01{
		width: 420px;
		margin: 30px 50px 0 0;
		padding: 18px 0 18px 28px;
		line-height: 28px;
		background-color: #f6f8ff;
		float: right;
	}
	#right01 p span{
		font-weight: bold;
		color: #4a85cf;
	}
	#bg07{
		margin-top: 70px;
		background: url(../img/bg07.png) repeat-x;
		clear: both;
	}
	#bg07 h3{
		margin-top: 30px;
	}
	#bg08{
		background: url(../img/bg08.png) no-repeat;
		height: 511px;
		margin-bottom: 30px;
	}
	#phone{
		text-align: center;
		margin: 70px auto 30px;
	}
	#bg09{
		background: url(../img/bg09.png) no-repeat;
		height: 268px;
		margin-bottom: 30px;
	}
	#bg10{
		background: url(../img/bg10.png) no-repeat;
		height: 268px;
		margin-bottom: 30px;
	}
	#bg11{
		background: url(../img/bg11.png) no-repeat;
		height: 268px;
		margin-bottom: 30px;
	}
	#bg12{
		background: url(../img/bg12.png) no-repeat;
		height: 268px;
		margin-bottom: 30px;
	}
	#bg13{
		background: url(../img/bg13.png) no-repeat;
		height: 268px;
		margin-bottom: 30px;
	}
	#life{
		background: url(../img/bg14.png) ;
	}
	.button02{
		padding: 50px 0;
	}
	}
	.font18px{
		font-size: 18px;
		line-height: 26px;
		padding: 30px 450px 0 60px
	}
	
	.reason{
		height: 286px;
		margin-bottom: 40px;
	}
	.reason p{
		font-size: 16px;
		line-height: 26px;
		padding: 110px 380px 0 54px;
	}



footer{
	background-color:#ff9c00;
}



#copy{

	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	padding:16px 0;
}

@media screen and (max-width:765px){
body{
	width:100%;
}
.content {
	width:100%;

	text-align: center;
}
img{
	width:100%;
}
    
.hide-sp {
	display:none;
}
header{

}
header div{
	width:100%;
	margin-left:auto;
    margin-right:auto;
}



	#bg-main{
		width: 100%;
		margin: 0 auto;
	background-image:url(../img/sp-bg-main.png);
	background-repeat: no-repeat;
		height: 100%;
		-moz-background-size:contain;
		background-size:contain;
	}
	#bg-main img{
		padding: 5% 0 0 5%;
		width: 80%;
	}
	#bg-main p{
		width: 70%;
		margin: 0 auto 10%;
	}
	.button01{
		width: 80%;
		margin: 0 auto;
	}
	.button04{
		width: 80%;
		padding: 0% auto;
		margin: 0 auto;
	}
	.button04{
		padding: 10% 0;
		}
	#mongon{
		font-size: 4.0vw;
		line-height: 5.0vw;
		text-align: left;
		padding: 3%;
	}
	#bg03{
		background: url(../img/bg03.png) no-repeat;
	}
	#bg03 p{
		width: 60%;
		padding: 60px 0 60px 50px;
		font-size: 19px;
		line-height: 24px
	}
	#bgmurasaki{
		background-color: #f1f4ff;
		padding: 10% 0 10%;
	}
	#bgmurasaki h2{
		margin: 10% 0 30% 0;
	}
	#reason01{
		background: url(../img/sp-bg-reason01.png) no-repeat;
		width: 100%;
		-moz-background-size:contain;
		background-size:contain;
		margin: 5% 0 0 0;
	}
	#reason02{
		background: url(../img/sp-bg-reason02.png) no-repeat;
		width: 100%;
		-moz-background-size:contain;
		background-size:contain;
	}
	#reason03{
		background: url(../img/sp-bg-reason03.png) no-repeat;
		width: 100%;
		-moz-background-size:contain;
		background-size:contain;
	}

	.bg05{
		background: url(../img/bg05.png) ;
	}
	#text01{
		padding: 8% 5%;
		font-size: 5.0vw;
		line-height: 6.8vw;
	}
	.button01{
		padding-bottom: 10%;
	}
	#bg06{
		background: url(../img/sp-bg06.png) no-repeat;
		width: 100%;
		margin: 10% auto;
		-moz-background-size:contain;
		background-size:contain;
	}
	#bg06 h2{
		padding: 14% 0 0 0;
		margin: 10% auto 0;
		width:60%;

	}
	#check{
		width: 80%;
		margin: 0 auto;
		font-size: 3.5vw;
		text-align: left;
	}
	#check h3{
		background-color: #ffefd7;
		padding: 3% 0 3% 3%;
		margin-top: 7%;

	}
	#check h3 span{
		background: url(../img/check01.png) no-repeat;
		background-size: 5%;
		padding: 0% 0 5% 5%;
	}
	#check p{
		background: url(../img/check02.png) no-repeat;
		padding: 0 0 0 2%;
		margin: 5% 0 0 2%;
		background-size: 5%;
		padding: 0% 0 2% 5%;
	}
	#gazou01{
		text-align: center;
		margin: 7% auto;
	}
	#gazou02{
		width: 80%;
		margin-bottom: 30%;
		margin-top: 10%;
	}
	.yajirushi{
		width: 50%;
		margin-top: 1%;
	}
	#aga{
		margin: 5% auto;
	}
	#bg15{
		/*background: url(../img/sp-bg15.png) no-repeat;
		-moz-background-size:contain;
		background-size:contain;*/
	}
	#left01{
		width: 80%;
		margin: 0 auto;
	}
	#left01 p{
		font-size: 4.0vw;
		line-height: 6.4vw;
		text-align: left;
		padding-top: 5%;
	}
	#left01 p span{
		font-weight: bold;
	}
	#map{
		margin-top: 5%;
	}
	.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	#right01{
		width: 80%;
		margin: 2% auto 10%;
		padding: 3%;
		font-size: 3.5vw;
		line-height: 6.0vw;
		background-color: #f6f8ff;
		text-align: left;
	}
	#right01 p span{
		font-weight: bold;
		color: #4a85cf;
	}

	#bg07 h3{
		margin-top: 5%;
	}
	#bg08{
		margin-bottom: 5%;
	}

	#bg09{
		margin-bottom: 5%;
	}
	#bg10{
		margin-bottom: 5%;
	}
	#bg11{
		margin-bottom: 5%;
	}
	#bg12{
		margin-bottom: 5%;
	}
	#bg13{
		margin-bottom: 5%;
	}
	#life{
		margin-top: 10%;
		background: url(../img/bg14.png) ;
	}
	.button02{
		padding: 20% 0;
	}
	.font18px{
		font-size: 18px;
		line-height: 26px;
		padding: 30px 450px 0 60px
	}
	.reason{
		margin-bottom: 5%;
	}
	.reason p{
		font-size: 3.5vw;
		line-height: 4.2vw;
		padding: 13% 37% 0 5%;
		text-align: left;
	}
	.margintop10{
		margin-top: 5%;
	}
footer{
	background-color:#ff9c00;
}



#copy{

	color:#FFFFFF;
	text-align:center;
	font-size:3.0vw;
	padding:5% 0;
}
}