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

/* CS S 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: 'Noto Sans JP'; min-width:1024px; max-width:1200px; }


.b-tit { position:relative; text-align:left; padding:80px 0 0; margin:0 0 75px; z-index:4; }
.b-tit .num { position:absolute; top:70px; left:65px; z-index:1; }
.b-tit .txt { padding:0 0 0 310px; }
.b-tit .tit_img { position:absolute; top:-25px; left:50%; z-index:2; margin:0 0 0 -194px; }


.read { margin: 0 0 70px; }


.bnr { margin:0 0 90px; }
.bnr p { color:#916e2f; font-size:16px; font-style:italic; letter-spacing:0.4em; margin:0 0 15px; }
.bnr a { border: solid 1px #eee; display:block; }
.bnr img { border:10px solid #fff; box-sizing:border-box; box-shadow:3px 4px 6px -2px #a2a3a3; }


.pickup h4 { margin:0 0 30px; }
.pickup { margin:0 0 70px; }
.pickup ul { margin:0 0 0 -50px; text-align:left; }
.pickup ul li { width:50%; float:left; }
.pickup ul li .inner { margin:0 0 0 50px; }
.pickup h5 { color:#916e2f; font-size:22px; font-weight:500; letter-spacing:0.2em; margin:0 0 3px; }
.pickup p { font-size:14px; letter-spacing:0.2em; margin:0 0 25px; }
.pickup ul li img { box-shadow:0px 0px 6px 3px #e9e9e9; }


.link_btn p { color:#916e2f; font-size:20px; letter-spacing:0.3em; margin:0 0 30px; }
.link_btn a { background:#916e2f; padding:25px 0; display:block; }


.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: 780px) {
/*#main img { width:150%; margin-left: -25% }*/

.contents_inner { margin:　60px auto 0 !important; padding: 0 0 50px  !important; min-width: inherit; max-width: inherit; }


.b-tit { padding: 10px 10px 0 !important; margin:0 0 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 .tit_img { margin:0 0 0 -154px; height:60px;  }


.read { margin: 0 0 40px; padding:0 20px; }
.read img { width:100%; } 


.bnr { margin:0 0 60px; padding:0 20px; }
.bnr p { font-size:13px; margin:0 0 10px; }
.bnr img { border:5px solid #fff; box-shadow:3px 4px 3px -2px #a2a3a3; }


.pickup { margin:0 0 10px; padding:0 20px; }
.pickup h4 { margin:0 0 25px; }
.pickup h4 img { height:18px; }
.pickup ul { margin:0; }
.pickup ul li { width:100%; margin:0 0 40px; }
.pickup ul li .inner { margin:0; }
.pickup h5 { font-size:16px; margin:0 0 5px; }
.pickup p { font-size:12px; margin:0 0 20px; }


.link_btn { padding:0 20px; }
.link_btn p { font-size:14px; letter-spacing:0.2em; margin:0 0 15px; }
.link_btn a { padding:15px 0; }
.link_btn a img { height:24px; }


.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; }
}


@media screen and (max-width: 320px) {
.b-tit { padding: 40px 10px 0; }
}