@charset "UTF-8";

/* = reset
----------------------------------------------- */
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: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	line-height: 1;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, info, {
	display: block;
}

/* = body
----------------------------------------------- */
body {
	min-width: 320px;
	color: #000;
	background: #fff;
	font-size: 10px;
	font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  Meiryo, sans-serif;
	line-height: 12px;
}

/* = link
----------------------------------------------- */
a {
	color:#463930;
	text-decoration: none;
}

/* = img
----------------------------------------------- */
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* = btn
----------------------------------------------- */
.btn01 {
	width: 50%;
	float: left;
}
.btn02 {	
	width: 50%;
	float: right;
}

.btn03 {
	padding: 10px 0 0;
	width: 160px;
	float: center;
}

.btn04 {
	padding: 5px 0 20px;
	width: 160px;
	float: center;
}

.btn05 {
	padding: 0 31.25%;
	width: 37.03%;
	float: center;
}

.btn06 {
	padding: 0 31.25%;
	width: 37.03%;
	float: center;
}

.btn07 {
	padding: 20px 25px 30px;
	width: 50%;
	height: auto;
	float: left;
}

.btn08 {
	padding: 10px 25% 10px;
	width: 50%;
	height: auto;
}

/* = info
----------------------------------------------- */
info {
	
}
info .note {
	padding: 0 25px 10px;
}
info .note p1 {
	color:#00afd5;
}
info .note p2 {
	text-decoration:underline;
	line-height: 20px;
	font-size: 9pt;
	color:#463930;
}
info .note p3 {
	line-height: 20px;
	font-size: 9pt;
	color:#463930;
}
info .note p4 {
	padding: 20px 50px 0;
}
info .note p4 img {
	width: 35px;
	height: auto;
}
info .note p5 {
	text-decoration:underline;
	line-height: 20px;
	font-size: 9pt;
	color:#00afd5;
}

/* = set02
----------------------------------------------- */
set02 {
}
set02 .note {
	padding: 0 25px 10px;
}
set02 .note p1 {
	line-height: 20px;
	font-size: 9pt;
	color:#00afd5;
}
set02 .note p2 {
	line-height: 20px;
	font-size: 9pt;
	color:#463930;
}
set02 .note p3 {
	line-height: 20px;
	font-size: 9pt;
	color:#463930;
}
set02 .note p4 {
	padding: -20px 50px 0;
}
set02 .note p4 img {
	padding: 0 50px;
	width: 35px;
	height: auto;
}
set02 .note p5 a {
	text-decoration:underline;
	line-height: 20px;
	font-size: 9pt;
	color:#00afd5;
}

/* = seto3
----------------------------------------------- */
set03 {

}
set03 .note {
	padding: 5px 25px 40px;
}
set03 .note p1 {
	line-height: 20px;
	font-size: 9pt;
	color:#00afd5;
}
set03 .note p2 {
	line-height: 20px;
	font-size: 9pt;
	color:#463930;
}
set03 .note p3 {
	font-size: 9pt;
	color:#463930;
	float: right;
}
set03 .note p4 {
	padding: -20px 50px 0;
}

/* = set04
----------------------------------------------- */
set04 {

}
set04 .note {
	padding:  20px 0;
}


/* = set05
----------------------------------------------- */
set05 {

}
set05 .note {
	padding:  20px 0;
}

set05 .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
set05 .ggmap iframe,
set05 .ggmap object,
set05 .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* = set06
----------------------------------------------- */

set06 {

}
set06 .note {
	padding: 40px 25px 40px;
}
set06 .note p1 {
	line-height: 20px;
	font-size: 9pt;
	color:#00afd5;
}
set06 .note p2 {
	line-height: 20px;
	font-size: 9pt;
	color:#463930;
}
set06 .note p3 {
	font-size: 9pt;
	color:#463930;
	float: right;
}
set06 .note p4 {
	padding: -20px 50px 0;
}

/* = info02
----------------------------------------------- */
info02 {
	padding:  30px 0;

}
info02 .note {
	padding: 0 0;
	background-color: #f4fcfe;

}

/* = info03
----------------------------------------------- */
info03 {
	padding:  30px 0;

}
info03 .note {
	padding: 0 0;

}



/* = footer
----------------------------------------------- */

/* = footer
----------------------------------------------- */
footer {
	padding: 0px 10px 10px;
	background-color: #f4fcfe;
}
footer .note {

}
footer .note p {
	text-align : center;
	font-size: 8pt;
	color:#00afd5;
}