@charset "utf-8";



/*============================
#main
============================*/
#main .mv { position:relative; }
#main .mv .slide { line-height:1; }
#main .mv .slide .bnr img { width:100%; vertical-align:top; }
#main .mv .txt { position:absolute; top:0; left:0; width:100%; }
#main .mv .txt img { width:100%; }
#main .ttl { margin-bottom:50px; color:#0a0a0a; font-size:30px; position:relative; }
#main .ttl:before { position:absolute; top:calc(50%); left:0; width:100%; height:2px; content:''; background:#0a0a0a; }
#main .ttl span { position:relative; display:inline-block; padding:0 30px; background:#fff; font-weight:bold; }
#main #instagram {margin: 0 auto;text-align: center;max-width: 1000px;}
#main .about { padding:100px 0; }
#main .about+.about{padding: 0 0 80px;}
#main .about h2 { margin-bottom:100px; }
#main .about .box { display:flex; position:relative; padding-bottom:60px; }
#main .about .box:before { content:''; width:90%; height:110%; background-size:cover; position:absolute; top:-10%; }
#main .about .box .img { width:48%; z-index:10; }
#main .about .box .txt { width:52%; padding:0 4%; color:#fff; box-sizing:border-box; z-index:10; }
#main .about .box .txt h3 { width:550px; padding:50px 0 40px; font-size:30px; letter-spacing:1px; text-align:center; }
#main .about .box .txt p { width:550px; padding-bottom:40px; font-size:16px; line-height:3; letter-spacing:1px; }
#main .about .box .txt p.more { text-align:center; line-height:1; font-size:20px; }
#main .about .box .txt p.more a { display:inline-block; padding:18px 30px; background:#fff; color:#0a0a0a; text-decoration:none; border-radius:5px; transition:.2s; }
#main .about .box .txt p.more a:hover { opacity:0.8; }
#main .about .box.box01:before { background-image:url(../img/about_bg_pc01.jpg); left:10%; z-index:1; }
#main .about .box.box01 .img { background:url(../img/about_pc01.jpg) no-repeat center; background-size:cover; }
#main .about .box.box02 { flex-direction:row-reverse; }
#main .about .box.box02:before { background-image:url(../img/about_bg_pc02.jpg); right:10%; z-index:0; }
#main .about .box.box02 .img { background:url(../img/about_pc02.jpg) no-repeat center; background-size:cover; }
#main .about .box.box02 .txt { display:flex; flex-wrap:wrap; justify-content:flex-end; }
#main .about .box.box03:before { background-image:url(../img/about_bg_pc03.jpg); left:10%; z-index:1; }
#main .about .box.box03 .img { background:url(../img/about_pc03.jpg) no-repeat center; background-size:cover; }
#main .about .box.box04 { flex-direction:row-reverse; }
#main .about .box.box04:before { background-image:url(../img/about_bg_pc04.jpg); right:10%; z-index:0; }
#main .about .box.box04 .img { background:url(../img/about_pc04.jpg) no-repeat center; background-size:cover; }
#main .about .box.box04 .txt { display:flex; flex-wrap:wrap; justify-content:flex-end; }
#main .pickup { padding-bottom:100px; }
#main .pickup .box { display:flex; }
#main .pickup .box .img { width:40%; background:url(../img/pickup_pc.jpg) no-repeat center; background-size:cover; }
#main .pickup .box .inner { width:60%; letter-spacing:1px; background:#f3f1f1; }
#main .pickup .box .inner .sub { padding:30px 40px; background:#0a0a0a; color:#fff; font-size:20px; }
#main .pickup .box .inner .sub h3 { padding-bottom:10px; font-size:30px; }
#main .pickup .box .inner .txtBox { max-width:780px; padding:40px 20px 40px 40px; font-size:16px; line-height:3; box-sizing:border-box; }
#main .pickup .box .inner p.more { text-align:right; line-height:1; font-size:20px; }
#main .pickup .box .inner p.more a { display:inline-block; padding:18px 30px; background:#0a0a0a; color:#fff; text-decoration:none; border-radius:5px; transition:.2s; }
#main .pickup .box02 { display:flex; }
#main .pickup .box02 .img { width:40%; background:url(../img/pickup_pc02.jpg) no-repeat center; background-size:cover; }
#main .pickup .box02 .inner { width:60%; letter-spacing:1px; background:#f3f1f1; }
#main .pickup .box02 .inner .sub { padding:30px 40px; background:#0a0a0a; color:#fff; font-size:20px; }
#main .pickup .box02 .inner .sub h3 { padding-bottom:10px; font-size:30px; }
#main .pickup .box02 .inner .txtBox { max-width:780px; padding:40px 20px 40px 40px; font-size:16px; line-height:3; box-sizing:border-box; }
#main .pickup .box02 .inner p.more { text-align:right; line-height:1; font-size:20px; }
#main .pickup .box02 .inner p.more a { display:inline-block; padding:18px 30px; background:#0a0a0a; color:#fff; text-decoration:none; border-radius:5px; transition:.2s; }
#main .pickup .box02 .inner p.more a:hover { opacity:0.8; }
#main .pickup .box03 { display:flex; }
#main .pickup .box03 .img { width:40%; background:url(../img/pickup_pc03.jpg) no-repeat center; background-size:cover; }
#main .pickup .box03 .inner { width:60%; letter-spacing:1px; background:#f3f1f1; }
#main .pickup .box03 .inner .sub { padding:30px 40px; background:#0a0a0a; color:#fff; font-size:20px; }
#main .pickup .box03 .inner .sub h3 { padding-bottom:10px; font-size:30px; }
#main .pickup .box03 .inner .txtBox { max-width:780px; padding:40px 20px 40px 40px; font-size:16px; line-height:3; box-sizing:border-box; }
#main .pickup .box03 .inner p.more { text-align:right; line-height:1; font-size:20px; }
#main .pickup .box03 .inner p.more a { display:inline-block; padding:18px 30px; background:#0a0a0a; color:#fff; text-decoration:none; border-radius:5px; transition:.2s; }
#main .pickup .box03 .inner p.more a:hover { opacity:0.8; }
#main .pickup .box04 { display:flex; }
#main .pickup .box04 .img { width:40%; background:url(../img/pickup_pc04.jpg) no-repeat center; background-size:cover; }
#main .pickup .box04 .inner { width:60%; letter-spacing:1px; background:#f3f1f1; }
#main .pickup .box04 .inner .sub { padding:30px 40px; background:#0a0a0a; color:#fff; font-size:20px; }
#main .pickup .box04 .inner .sub h3 { padding-bottom:10px; font-size:30px; }
#main .pickup .box04 .inner .txtBox { max-width:780px; padding:40px 20px 40px 40px; font-size:16px; line-height:3; box-sizing:border-box; }
#main .pickup .box04 .inner p.more { text-align:right; line-height:1; font-size:20px; }
#main .pickup .box04 .inner p.more a { display:inline-block; padding:18px 30px; background:#0a0a0a; color:#fff; text-decoration:none; border-radius:5px; transition:.2s; }
#main .pickup .box04 .inner p.more a:hover { opacity:0.8; }
#main .recommend { padding-bottom:80px; }
#main .recommend .inner { position:relative; padding-bottom:100px; }
#main .recommend .inner:before { position:absolute; top:23%; left:0; width:100%; height:77%; content:''; background:#0a0a0a; z-index:0; }
#main .recommend ul { display:flex; justify-content:space-between; position:relative; width:1145px; margin:0 auto; z-index:1; }
#main .recommend ul li { width:267px; background:#fff; font-size:14px; }
#main .recommend ul li a { display:block; color:#000; text-decoration:none; transition:.2s; }
#main .recommend ul li a:hover { opacity:0.8; }
#main .recommend ul li img { width:100%; }
#main .recommend ul li .txt { display:block; padding:25px 15px; line-height:1.6; letter-spacing:1px; }
#main .news { padding-bottom:100px; }
#main .news dl { display:flex; flex-wrap:wrap; width:1145px; margin:0 auto; font-size:16px; font-weight:bold; }
#main .news dl dt { width:180px; padding-bottom:40px; color:#0a0a0a; }
#main .news dl dd { width:965px; padding-bottom:40px; }


@media screen and (max-width:1035px) {
#main { padding-top:50px; }
#main .ttl { margin-bottom:20px; font-size:21px; }
#main .ttl span { padding:0 15px; }
#main .about h2 { margin-bottom:25px; }
#main .about .box { display:block; }
#main .about .box:before { display:none; }
#main .about .box .img { width:95%; height:230px; position:relative; }
#main .about .box .txt { width:100%; padding:0 25px; letter-spacing:0; }
#main .about .box .txt h3 { width:auto; padding:30px 0 15px; font-size:18px; }
#main .about .box .txt p { width:auto; padding:0; font-size:14px; line-height:2; }
#main .about .box .txt p.more { padding-top:20px; text-align:center; font-size:15px; }
#main .about .box.box01 { padding:42px 0 150px; background:url(../img/about_bg_sp01.jpg) no-repeat 13px center; background-size:cover; }
#main .about .box.box02 { margin-top:-100px; background:url(../img/about_bg_sp02.jpg) no-repeat 13px 115px; background-size:cover; padding-bottom: 50px;}
#main .about .box.box02 .txt { display:block; }
#main .about .box.box03 { padding:42px 0 50px; background:url(../img/about_bg_sp03.jpg) no-repeat 13px center; background-size:cover; }
#main .about .box.box04 { margin-top:-115px; background:url(../img/about_bg_sp04.jpg) no-repeat 13px 115px; background-size:cover; }
#main .about .box.box04 .txt { display:block; }
#main .pickup .box { display:block; }
#main .pickup .box .inner { width:auto; }
#main .pickup .box .inner .sub { padding:0; text-align:center; }
#main .pickup .box .inner .sub h3 { padding:20px 0 10px; font-size:18px; }
#main .pickup .box .inner .sub p { padding-bottom:20px; font-size:15px; }
#main .pickup .box .img { width:auto; height:180px; background:url(../img/pickup_sp.jpg) no-repeat center; background-size:cover; }
#main .pickup .box .inner .txtBox { width:auto; padding:35px 25px; line-height:2; font-size:14px; }
#main .pickup .box .inner p.more { padding-top:20px; text-align:center; font-size:15px; }
#main .pickup .box02 { display:block; }
#main .pickup .box02 .inner { width:auto; }
#main .pickup .box02 .inner .sub { padding:0; text-align:center; }
#main .pickup .box02 .inner .sub h3 { padding:20px 0 10px; font-size:18px; }
#main .pickup .box02 .inner .sub p { padding-bottom:20px; font-size:15px; }
#main .pickup .box02 .img { width:auto; height:180px; background:url(../img/pickup_sp02.jpg) no-repeat center; background-size:cover; }
#main .pickup .box02 .inner .txtBox { width:auto; padding:35px 25px; line-height:2; font-size:14px; }
#main .pickup .box02 .inner p.more { padding-top:20px; text-align:center; font-size:15px; }
#main .pickup .box03 { display:block; }
#main .pickup .box03 .inner { width:auto; }
#main .pickup .box03 .inner .sub { padding:0; text-align:center; }
#main .pickup .box03 .inner .sub h3 { padding:20px 0 10px; font-size:18px; }
#main .pickup .box03 .inner .sub p { padding-bottom:20px; font-size:15px; }
#main .pickup .box03 .img { width:auto; height:180px; background:url(../img/pickup_sp03.jpg) no-repeat center; background-size:cover; }
#main .pickup .box03 .inner .txtBox { width:auto; padding:35px 25px; line-height:2; font-size:14px; }
#main .pickup .box03 .inner p.more { padding-top:20px; text-align:center; font-size:15px; }
#main .pickup .box04 { display:block; }
#main .pickup .box04 .inner { width:auto; }
#main .pickup .box04 .inner .sub { padding:0; text-align:center; }
#main .pickup .box04 .inner .sub h3 { padding:20px 0 10px; font-size:18px; }
#main .pickup .box04 .inner .sub p { padding-bottom:20px; font-size:15px; }
#main .pickup .box04 .img { width:auto; height:180px; background:url(../img/pickup_sp04.jpg) no-repeat center; background-size:cover; }
#main .pickup .box04 .inner .txtBox { width:auto; padding:35px 25px; line-height:2; font-size:14px; }
#main .pickup .box04 .inner p.more { padding-top:20px; text-align:center; font-size:15px; }
#main .recommend .inner { padding:0 0 35px; background:#0a0a0a; }
#main .recommend .inner:before { background:#fff; top:0; height:32px; }
#main .recommend ul { display:block; width:auto; padding:0 0 0 25px; }
#main .recommend ul li { width:auto; background:none; padding-bottom:27px; }
#main .recommend ul li .img { display:block; height:250px; }
#main .recommend ul li:nth-child(1) .img { background:url(../img/recommend_sp01.jpg) no-repeat center; background-size:cover; }
#main .recommend ul li:nth-child(2) .img { background:url(../img/recommend_sp02.jpg) no-repeat center; background-size:cover; }
#main .recommend ul li:nth-child(3) .img { background:url(../img/recommend_sp03.jpg) no-repeat center; background-size:cover; }
#main .recommend ul li:nth-child(4) .img { background:url(../img/recommend_sp04.jpg) no-repeat center; background-size:cover; }
#main .recommend ul li .img img { display:none; }
#main .recommend ul li .txt { margin:-25px 0 0 50px; padding:25px; background:#fff; font-size:13px; }
#main .news dl { display:block; width:auto; padding:0 15px; font-size:14px; }
#main .news dl dt { width:auto; padding:0; }
#main .news dl dd { width:auto; padding:10px 0 20px; font-weight:normal; }
}
@media screen and (max-width:767px) {
#main #instagram {margin-top: 30px;}
#main .about {padding-top: 30px;padding-bottom: 30px!important;}
#main .pickup {
    padding-bottom: 30px!important;}
    #main .recommend {
    padding-bottom: 30px!important;}
}