@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS Document */
#contents { background:url(../img/bg.jpg) repeat top center; position:relative; padding:0; }
.contents_inner { margin: 0 auto !important; padding: 0 0 60px; font-family: 'GreycliffCF-Regular', 'Noto Sans JP'; min-width:1024px; max-width:1200px; }
.contents_inner .btn { margin: 60px 0 0 }

.b-tit { position:relative; text-align:left; padding:70px 0 60px; z-index:4; }
.b-tit .num { position:absolute; top:50px; left:65px; z-index:1; }
.b-tit .txt { padding:0 0 0 310px; }
.b-tit .kazari01 { position:absolute; top:160px; left:50px; z-index:3; }
.b-tit .kazari02 { position:absolute; bottom:-20px; right:70px; z-index:2; }
.b-tit .intro { font-size:14px; color:#906f2d; letter-spacing:0.3em; margin:30px 0 0; }

#cont01 { position:relative; z-index:3; }
#cont01 .box { text-align:left; position:relative; background:#000; }
#cont01 .txt-box { width:50%; }
#cont01 .txt-box-inner { padding:80px 0 0 70px; position:relative; }
#cont01 .box .txt-box-inner .tit { position:relative; }
#cont01 .box .txt-box-inner h4 { font-size:18px; color:#907b3f; line-height:1.8em; letter-spacing:0.3em; position:relative; z-index:2; margin:0 0 30px; }
#cont01 .box .txt-box-inner p { font-size:15px; color:#fff; letter-spacing:0.2em; }
#cont01 .box .ico01 { position:absolute; top:-50px; right:30px; z-index:1; }
#cont01 .pic { width:50%; z-index:4; position:relative; }
#cont01 .item p { color:#fff; font-size:13px; letter-spacing:0.2em; line-height:1.8em; margin:10px 0 0; }
#cont01 .sec01 { margin:0 0 12px; }
#cont01 .sec02 { margin:0 0 12px; }
#cont01 .sec01 .item { text-align:center; position:absolute; bottom:50px; left:70px; }
#cont01 .sec01 .img-r { position:absolute; bottom:130px; left:340px; }
#cont01 .sec02 .item { text-align:center; position:absolute; bottom:50px; right:290px; }
#cont01 .sec02 .img-r { position:absolute; bottom:160px; right:110px; }
#cont01 .sec03 .item { text-align:center; position:absolute; bottom:40px; left:30px; }
#cont01 .sec03 .item-box { width:50%; float:left; }
#cont01 .sec03 .item-box-inner { margin:0 20px; }
#cont01 .sec03 .img-r { position:absolute; bottom:60px; left:380px; }
#cont01 .sec03 .img-r p { color:#fff; text-align:left; font-size:13px; line-height:1.7em; padding:10px 0 0 10px; }
#cont01 .sec03 .img-r p span { font-size:11px; }


#cont02 { margin:70px 0 0; position:relative; }
#cont02 h3 { margin:0 0 30px; }
#cont02 .read { color:#8b7038; font-size:15px; letter-spacing:0.2em; line-height:2.4em; text-align:left; position:absolute; top:150px; left:90px; }
#cont02 .set-img { margin:0 0 30px; }
#cont02 .box { background:url(../img/box01.png) no-repeat top center; width:1017px; margin:0 auto; }
#cont02 .box-inner { background:url(../img/box02.png) no-repeat bottom center; padding:50px 0; }
#cont02 .box h4 { text-align:center; margin:0 0 30px; }
#cont02 .box h5 { text-align:center; color:#564835; font-size:17px; border-bottom:3px solid #564835; display:inline-block; margin:20px auto; }
#cont02 .box .point { text-align:left; padding:0 0 0 170px; font-size:15px; color:#8b7038; letter-spacing:0.3em; }
#cont02 .box .ph { width:50%; float:left; text-align:right; }
#cont02 .box .ph img { padding:0 35px 0 0; }
#cont02 .box .txt { width:50%; float:left; text-align:left; }
#cont02 .box .txt p { padding:0 0 0 35px; font-size:12px; }
#cont02 .box .txt ul { padding:10px 0 20px 35px; font-size:12px; }
#cont02 .box .price { font-size:20px !important; font-weight:600; }
#cont02 .box .price span { font-size:14px; }
#cont02 .sec01 { margin:0 0 40px; }
#cont02 .sec02 { margin:0 0 40px; }


.btn-back { background:#f1eee8; padding:60px 0; }
.btn-back .btn-inner { margin: 0 auto; min-width:1024px; max-width:1200px; }
.btn-back a { font-size:16px; letter-spacing:0.2em; color:#452a19; text-decoration:none; padding:15px 0; background:#fff; border:4px solid #b63232; display:block; text-align:center; position:relative; min-width:1024px; max-width:1280px; margin:0 auto; display: block }
.btn-back a:hover { background: #b63232; color: #fff }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -105px; }

.pc_none { display:none; }
.sp_none { display:block; }

.none { display:block; }
@media screen and (max-width: 980px) {
}


@media screen and (max-width: 780px) {
	
	
#main img { width:150%; }

.contents_inner { margin:　60px auto 0 !important; padding: 0 0 30px  !important; min-width: inherit; max-width: inherit; }
.contents_inner .btn { margin: 30px 0 0 }
.contents_inner .btn img { width: 90%; height: auto }

.b-tit { padding: 20px 10px 30px; }
.b-tit .num { position: relative; top: inherit; left: inherit; height: 80px; margin-bottom: 10px }
.b-tit .txt { padding:0 10px; width: auto }
.b-tit .txt img { width: 100% }
.b-tit .intro { font-size:14px; margin:15px 0 0; }
.b-tit .kazari01 { position:absolute; top:75px; left:5px; height:45px; } 
.b-tit .kazari02 { position:absolute; bottom:-20px; right:5px; height:80px; } 

#cont01 .txt-box { width:100%; padding:0 0 30px; }
#cont01 .txt-box-inner { padding:30px 20px 0; }
#cont01 .box .txt-box-inner .tit { position:relative; }
#cont01 .box .txt-box-inner h4 { font-size:15px; z-index:2; margin:0 0 15px; }
#cont01 .box .txt-box-inner p { font-size:14px; }
#cont01 .box .ico01 { position:absolute; top:-80px; right: 0; z-index:5; width:70px; }
#cont01 .pic { width:100%; z-index:4; }
#cont01 .item p { font-size:12px; }
#cont01 .sec01 .item { text-align:center; position:static; padding:20px 0 0; }
#cont01 .sec01 .img-r { text-align:center; position:static; }
#cont01 .sec02 .item { text-align:center; position:static; padding:0; }
#cont01 .sec02 .img-r { text-align:center; position:static; padding:20px 0 0; }
#cont01 .sec03 .item { text-align:center; position:static; bottom:40px; left:30px; padding:20px 0 0; width:300px; margin:0 auto; }
#cont01 .sec03 .item-box-inner { margin:0 10px; }
#cont01 .sec03 .img-r { text-align:center; position:static; width:193px; margin:20px auto 0; }
#cont01 .sec03 .img-r p { font-size:12px; padding:10px 0 0; }
#cont01 .sec03 .img-r p span { font-size:10px; }


#cont02 { margin:40px 10px 0; position:relative; }
#cont02 h3 { margin:0 0 20px; }
#cont02 h3 img { width:180%; height:auto; margin:0 0 0 -40%; }
#cont02 .read { font-size:14px; line-height:2em; position:static; padding: 0 10px }
#cont02 .set-img { margin:0 0 10px; }
#cont02 .set-img img { width:100%; }
#cont02 .box { background:#fff; border:double 4px #8b6f38; box-sizing:border-box; width:100%; }
#cont02 .box-inner { background:none; padding:20px; }
#cont02 .box h4 { margin:0 0 20px; }
#cont02 .box h4 img { height:17px; }
#cont02 .box h5 { font-size:14px; margin:20px auto; }
#cont02 .box .point { padding:0; font-size:13px; letter-spacing:0.1em; }
#cont02 .box .ph { width:100%; float:none; text-align:center; margin:0 0 20px; }
#cont02 .box .ph img { padding:0; width:90%; height:auto; }
#cont02 .box .txt { width:100%; float:none; text-align:left; }
#cont02 .box .txt p { padding:0; font-size:12px; }
#cont02 .box .txt ul { padding:10px 0 20px 0; font-size:12px; }
#cont02 .box .price { font-size:17px !important; font-weight:600; }
#cont02 .box .price span { font-size:12px; }
#cont02 .sec01 { margin:0 0 20px; }
#cont02 .sec02 { margin:0 0 20px; }


.btn-back { padding: 30px 20px; }
.btn-back a { font-size:14px; padding:15px 0; min-width:inherit; max-width:inherit; }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -95px; }

.pc_none { display:block; }	
.sp_none { display:none; }	

.none { display:none; }
}