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

/*リセット
---------------------------------------------*/

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-style:normal;
	font-weight: normal;
	font-size: 98%;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.7;
	border-collapse: collapse;
	list-style: none;	
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*基本フレーム
---------------------------------------------*/

#container{
	border: 20px solid #6cf7b7;
	width: 100%;
}
#wrapper-header01{
	width: 100%;
}
#header01{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#header01 > h2{
	font-size: 1.7em;
	line-height:1.5;
}
#header01 > h3{
	font-size: 1.4em;
	line-height:1.2;
}
.text-box01{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}


/* 部品のレイアウト
--------------------------------------------*/
.both{
	clear: both;	
	}
.center{
	text-align: center;
}
.right{
	text-align: right;
}

	
.line01{
	border-bottom: 1px solid #999;
	margin-top: 1em;
	margin-bottom: 1em;
}
.line-height100{
	line-height: 1.0em;
}
.line-height120{
	line-height: 1.2em;
}


.margin-line {
	margin-top:1.8em;
}
.margin0-6 {
	margin-top:0.6em;
}
.margin1 {
	margin-top:1em;
}
.margin2 {
	margin-top:2em;
}
.margin3 {
	margin-top:3em;
}
.margin4 {
	margin-top:4em;
}
.margin5 {
	margin-top:5em;
}
.margin6 {
	margin-top:6em;
}


.size075{
	font-size: 0.75em;
}
.size090{
	font-size: 0.9em;
}
.size095{
	font-size: 0.95em;
}
.size110{
	font-size: 1.1em;
}
.size120{
	font-size: 1.2em;
}
.size150{
	font-size: 1.5em;
}




/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media screen and (max-width: 850px) {
#header01,
.text-box01{
	width: 80%;
}

}