@charset "UTF-8";
.pc { display:block;}
.sp800 { display:none;}
@media screen and (max-width:828px){
	.pc { display:none;}
	.sp800 { display:block;}
}

*{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", "sans-serif"; }

body { color: #2D221A; text-align: center; margin: 0 0; padding: 0; background:#FAFAFB none; background:url(img/bg.jpg) repeat-y top center;}
@media screen and (max-width:828px){
	body { width:100%; margin:0 auto; font-size:1.2rem;}
}


a,a:link, a:visited { color: #2D221A; text-decoration: underline; outline:none; }
a:active, a:hover { text-decoration: none; outline:none; }
a:hover img { filter: alpha(style=0,opacity=50);opacity: 0.8; }
a img { text-decoration:none !important; }
#content a img { text-decoration:none !important; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-size: 80%; line-height: 130%; font-weight: normal; }
h1 {/*construction.css*/}

ul,ol { margin: 0; padding: 0; font-size: 80%; line-height: 170%;}
table ul,table ol { font-size: 100%; }
ul ul,ol ol,ol p { margin: 0; padding: 0; font-size: 80%; line-height: 170%;}
li { list-style-type: none; padding: 0; margin: 0; }
/*ol li { list-style-type: decimal; margin: 0 0 0 2em; padding: 0; }*/
ul li.dsc { list-style-type: disc; margin: 0 0 0 15px; padding: 0; }
ul li.sqr { list-style-type: square; margin: 0 0 0 15px; padding: 0; }

dl { margin: 0; padding: 0; font-size: 80%; line-height: 190%; }
dt { margin: 0; padding: 0; font-weight:bold; }
dd { margin: 0; padding: 0; }

p { margin: 0 0 1.2em 0; padding: 0; font-size: 80%; line-height: 200%; }
img { border: 0 none; }
hr { display: none; }

table { font-size: 80%; margin: 0 0 20px 0; padding: 0; border-collapse: collapse; border-spacing:0; width:100%; }
th { text-align: left; font-weight: bold; margin: 0; padding: 9px 0px; vertical-align:top; border-top:1px solid #DBDAD9; border-bottom:1px solid #DBDAD9; width:30%; }
td { text-align: left; margin: 0; padding: 9px 0px; vertical-align:top; border-top:1px solid #DBDAD9; border-bottom:1px solid #DBDAD9; }
@media screen and (max-width:828px){
	table { width:94%!important; margin:0 auto;}
	table th { width:100%; display:block; border-bottom:none;}
	table td { width:100%; display:block; padding-top:0; border-top:none; border-bottom:none;}
	input[type="text"] { width:100%; padding:3px; box-sizing:border-box;}
	input[type="submit"], input[type="button"] { -webkit-appearance: none; }
	textarea { padding:3px;}
	select { padding:3px;}
}

em { font-weight: bold; font-style: normal; padding-top: 10px; font-size: 80%; line-height: 150%; }
sup,sub { font-size: 80%; }
address { font-style: normal; margin: 0; padding: 0; }

form { margin: 0; padding: 0; }
label { margin: 0; padding: 0; font-size: 80%; line-height: 170%; }
input { }
input.btn { margin: 0 0.5em; padding: 0 1em; }
textarea { padding:2px; width:98%; height:8em;}

/*clearfix*/
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }

.star { color:#FF0000; font-size:80%;}
th .star { padding-left:6px;}
td .star { padding-left:12px;}
@media screen and (max-width:828px){
	th .star { padding-left:6px;}
	td .star { padding-left:0px; display:block;}
	td .star2 { padding-left:0px;}
}

#form_area { width:670px; margin:0 auto 0px;}
@media screen and (max-width:828px){
	#form_area { width:100%; margin:0 auto;}
}

.t-center { text-align:center;}

.submit_btn { width:200px; height:40px;}
.submit_btn2 { width:100px; height:40px;}
@media screen and (max-width:828px){
	.submit_btn { width:94%; height:60px; border:none; background:#C00; color:#FFF; font-weight:bold; font-size:90%;}
}


/*
#head { width:828px; height:975px; margin:0 auto; background:url(img/head.jpg) no-repeat 0 0;}
@media screen and (max-width:828px){
	#head { width:100%; height:auto; background:none;}
	#head img { width:100%; height:auto; line-height:1%; font-size:1%;}
}
*/
/*
.btn { width:556px; height:92; margin:0 auto 30px;}
@media screen and (max-width:828px){
	.btn { width:100%; height:auto; margin:0 auto 30px; text-align:center;}
	.btn img { width:94%; height:auto; margin:0 auto; line-height:1%; font-size:1%;}
}
*/
/*
#point { width:704px; height:1077px; margin:0 auto; background:url(img/point.jpg) no-repeat 0 0;}
@media screen and (max-width:828px){
	#point { width:100%; height:auto; margin:0 auto; background:none;}
	#point img { width:94%; margin:0 auto; height:auto; line-height:1%; font-size:1%;}
}
*/
#finish { width:698px; height:319px; margin:0 auto 10px; background:url(img/finish.jpg) no-repeat 0 0;}
@media screen and (max-width:828px){
	#finish { width:100%; height:auto; margin:0 auto; background:none;}
	#finish img { width:94%; margin:0 auto; height:auto; line-height:1%; font-size:1%;}
}


h2.title { margin:0 auto 20px; width:664px;}
@media screen and (max-width:828px){
	h2.title { margin:0 auto 20px; width:100%;}
	h2.title img { width:94%; height:auto; margin:0 auto; height:auto; line-height:1%; font-size:1%;}
}

.tel_text { font-size:160%;}
.tel_text span:nth-child(n) { padding-left:20px;}
@media screen and (max-width:828px){
	.tel_text { line-height:160%; font-size:140%;}
	.tel_text span { display:block;}
	.tel_text span:nth-child(n) { padding-left:0px;}
	#MAINLAYOUT p { font-size:70%; width:94%; margin:0 auto;}
}

.red,.ERR { color:#FF0000;}


#thanks {}

#thanks h2 { font-size:140%; font-weight:bold; border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:20px;}


.banner a { display:block; width:300px; margin:40px auto 40px auto; padding:20px; background:url(img/bunner.jpg) no-repeat center -40px; color:#000; text-decoration:none; font-size:80%;}
.banner a:hover {  text-decoration:underline; }
@media screen and (max-width:828px){
.banner a { width:94%; box-sizing:border-box;}
}


#footer { text-align:center; padding:0 0 30px 0;}

@media screen and (max-width:828px){
	.tel-box3 { background:#499B3D; position:fixed; top:0; left:0; width:100%; z-index:100;}
	.tel-box3 a { width:100%; display: block; margin:0 auto; padding:10px 0; text-decoration:none; color:#FFF; font-size: 120%;}
	.tel-box3 a span { text-align:left; line-height:100%; font-size:60%; padding-right: 10px;}

	.nozawa { box-sizing:border-box; border: 2px solid #375C53; background:#FDFCF4; padding:10px; }
	.nozawa h2 { color:#59391A; font-size: 55%; font-weight: bold; }
	.nozawa a { display: block; color:#499B3D; font-size:120%; text-decoration: none; }
	.nozawa a span { font-size:75%; padding-right: 10px;}
	.nozawa h3 { color:#375B52; font-size: 100%; font-weight: bold; margin-bottom: 5px; }
	.nozawa h4 { color:#59391A; font-size: 60%; }
}




#head { width:720px; height:1020px; margin:0 auto 10px; background:url(img/head.jpg) no-repeat 0 0, url(img/arrow.png) no-repeat center bottom; box-sizing:border-box; padding:555px 0 0 0; position:relative;}
@media screen and (max-width:828px){
	#head { width:100%; height:auto; background:none; background:url(img/arrow.png) no-repeat center bottom; padding:0 0 80px 0;}
	#head img { width:100%; height:auto;}
}

#free { width:189px; height:189px; background:url(img/free.png) no-repeat 0 0; position:absolute; top:5px; left:20px; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
@media screen and (max-width:828px){
	#free { width:76px; height:76px; top:10px; left:-5px; background-size: contain;}
}

#book01 { position:absolute; top:148px; left:-50px;}
#book02 { position:absolute; top:120px; left:50px;}
@media screen and (max-width:828px){
	#book01 { width:134px!important; height:auto!important; top:130px; left:-10px;}
	#book02 { width:122px!important; height:auto!important; top:140px; left:40px;}
}

#head h1 { font-size:76px; color:#000; position:absolute; top:10px; left:220px; text-align:left; font-weight:bold; line-height:140%; text-indent:0.2em;}
#head h1 strong { font-size:120px; color:#FF3366;}
#head h1 strong span { letter-spacing:-0.15em}
#head h1 em { font-size:42px; position:absolute; top:95px; line-height:130%; margin-left:10px;}
@media screen and (max-width:828px){
	#head h1 { font-size:42px; top:10px; left:60px; line-height:140%;}
	#head h1 strong { font-size:60px; color:#FF3366;}
	#head h1 strong span { letter-spacing:-0.15em}
	#head h1 em { font-size:26px; position:absolute; top:42px; line-height:130%; margin-left:10px;}
}
#head h2#nozawa { position:absolute; top:230px; right:10px; font-size:16px; font-weight:bold; width:411px; text-align:left;}
@media screen and (max-width:828px){
	#head h2#nozawa { display:none;}
}

.understood { background:url(img/understood.png) no-repeat 0 0; width:700px; margin:0 auto; text-align:left; box-sizing:border-box; padding:100px 80px 30px 30px;}
.understood h2 {text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.understood h2 em {text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.understood ul { width:100%;}
.understood ul li { line-height:140%; border-bottom:1px solid #D8B98F; margin:0; padding:10px 0 10px 25px; font-size:16px; font-weight:bold; background:url(img/point.png) no-repeat 0 0.7em;}
@media screen and (max-width:828px){
	.understood {  background:url(img/understood2.png) no-repeat 100% 10px #EFDABA; background-size:120px; width:100%; margin:0 auto; text-align:left; box-sizing:border-box; padding:20px 20px 20px 20px;}
	.understood h2 {text-indent:0px; font-size:28px; line-height:100%; text-decoration:none; overflow:inherit; line-height:130%; font-weight:bold; text-shadow:1px 1px 0px #FFF,-1px 1px 0px #FFF,1px -1px 0px #FFF,-1px -1px 0px #FFF,2px 2px 0px #FFF,-2px 2px 0px #FFF,2px -2px 0px #FFF,-2px -2px 0px #FFF,3px 3px 0px #FFF,-3px 3px 0px #FFF,3px -3px 0px #FFF,-3px -3px 0px #FFF}
	.understood h2 em { border-bottom:4px solid red; font-size:28px; font-weight:bold; text-indent:0px; font-size:28px; line-height:100%; overflow:inherit;}
}

#point { background:#fff; width:690px; margin:40px auto; padding:30px 0; border-radius:15px;}
h2.point_title { background:url(img/point_bg2.jpg) repeat-y 0 0; border-radius: 4px 4px 0 0; margin:0 auto; width:650px; box-sizing:border-box; padding:14px 20px 12px 20px; font-weight:bold; font-size:40px; color:#FFF; text-align:left; font-weight:normal!important;}
h2.point_title strong { font-weight:bold; color:#fff!important;}
.point { position:relative; width:650px; height:auto; background:url(img/point_bg2.jpg) no-repeat 0 0; background-size: cover; padding:3px; box-sizing:border-box; text-align:left; margin:40px auto 0;}
.point_inn { background:url(img/point_bg.jpg) repeat-x 0 0 #fff; padding:20px 20px 10px 60px; box-sizing:border-box;}
.curled-box { border-radius: 50%; height: 70px; width: 70px; background:#FFCC00; text-align:center; font-size:16px; line-height:140%; box-sizing:border-box; padding-top:10px; position:absolute; top:-15px; left:-15px;}
.curled-box strong { font-size:24px; font-weight:bold; display:block;}
h2 { color:#000; font-size:30px; margin-bottom:20px;}
h2 strong { color:#FF3366; font-weight:bold; font-size:34px;}
@media screen and (max-width:828px){
	#point { width:96%; margin:20px auto; padding:7px 0 10px; border-radius:10px;}
	h2.point_title { border-radius: 4px 4px 0 0; width:96%; font-size:24px;}
	h2.point_title strong { font-size:24px;}
	.point { width:96%; margin:30px auto 0;}
}


.wood_title { background:url(img/point_bg2.jpg) repeat-y 0 0; border-radius: 4px; text-shadow: 2px 2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff; margin:60px auto 20px; width:660px; box-sizing:border-box; padding:14px 10px 12px 10px; font-weight:bold; font-size:21px; color:#000;}
.wood_title strong { color:#FF0000;}
@media screen and (max-width:828px){
	.wood_title { width:94%; font-size:18px; margin:30px auto 20px;}
}

.btn_red { display: inline-block; background:#E22300; box-sizing:border-box; border-bottom:5px solid #881100; border-radius:15px; text-align:center; width:660px; margin:0 auto; padding:16px 0 14px; color:#fff!important; font-size:26px; line-height:120%; text-decoration:none!important; font-weight:bold;}
.btn_red span { font-size:16px; display:block; color:#fff;}
.btn_red:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom:2px solid #881100;
	margin-bottom:3px;
}
@media screen and (max-width:828px){
	.btn_red { width:94%; font-size:20px; padding:16px 10px 14px;}
}