/*大枠*/
.asks_feat {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  padding-top: 90px;
}
/*ラッパー*/
.asks_feat .wrapper {
max-width: 700px;
margin: auto;
overflow: hidden;
}
/*MV*/
.asks_feat .mv {
line-height: 0;
background: #ebe6d9;
padding-bottom: 140px;
}
.asks_feat .mv img {
width: 100%;
}

/*背景色、フォントカラー*/
.asks_feat .color1 {background: #ebe6d9;}
.asks_feat .color2 {background: #b8ada5;}
.asks_feat .color3 {background: #8d8175;}
.asks_feat .color4 {background: #cbb2b3;}
.asks_feat .color5 {background: #aa7577;}
.asks_feat .color6 {background: #c2cab9;}
.asks_feat .color7 {background: #839080;}
.asks_feat .co1 {color: #9c4545;}
.asks_feat .co2 {color: #fff;}

.asks_feat .caption {margin-bottom: 60px;line-height: 21px;text-align: center;}
.asks_feat .caption.left {padding-left: 30px;text-align: left;}
.asks_feat .color1 .caption a {color: #9c4545;font-size: 18px;}
.asks_feat .color2 .caption a {color: #59493f;font-size: 18px;}
.asks_feat .color4 .caption a {color: #9c4545;font-size: 18px;}
.asks_feat .color6 .caption a {color: #c05d3f;font-size: 18px;}

/*あしらい基本*/
img.cake-img-01 {max-width: 70px; width: 100%;}
img.cake-img-02 {max-width: 235px; width: 100%;}
img.cake-img-03 {max-width: 76px; width: 100%;}
img.cake-img-04 {max-width: 232px; width: 100%;}
img.cake-img-05 {max-width: 235px; width: 100%;}
img.cake-img-06 {max-width: 181px; width: 100%;}
img.cake-img-07 {max-width: 188px; width: 100%;}
img.cake-img-08 {max-width: 199px; width: 100%;}
img.cake-img-09 {max-width: 183px; width: 100%;}
img.cake-img-10 {max-width: 371px; width: 100%;}
img.cake-img-11 {max-width: 188px; width: 100%;}
img.cake-img-12 {max-width: 272px; width: 100%;}
img.cake-img-13 {max-width: 154px; width: 100%;}
img.cake-img-14 {max-width: 136px; width: 100%;}
img.cake-img-15 {max-width: 235px; width: 100%;}
img.cake-img-16 {max-width: 106px; width: 100%;}
img.cake-img-17 {max-width: 182px; width: 100%;}
img.cake-img-18 {max-width: 260px; width: 100%;}

/*あしらい位置*/
.asks_feat .posi {position: absolute;}
.asks_feat .po1 {top: 0;left: 16%;}
.asks_feat .po2 {top: 65%;left: 55%;}
.asks_feat .po3 {top: 90%;left: 25%;}
.asks_feat .po4 {top: -6%;left: 5%;}
.asks_feat .po5 {top: -10%;right: -10%;}
.asks_feat .po6 {top: 3%;right: 3%;}
.asks_feat .po7 {bottom: 4%;left: 8%;}
.asks_feat .po8 {top: 8%;left: -9%;}
.asks_feat .po9 {top: 45%;right: 0px;}
.asks_feat .po10 {bottom: 2%;right: 5%;}
.asks_feat .po11 {left: -5%;bottom: -85%;}
.asks_feat .po12 {left: 10%;}
.asks_feat .po13 {top: -5%;right: 5%;}
.asks_feat .po14 {top: 12%;left: 12%;}
.asks_feat .po15 {bottom: -130%; left: -10%;}
.asks_feat .po16 {top: -5%;right: 16%;}
.asks_feat .po17 {left: 7%;}
.asks_feat .po18 {left: -10%;}
.asks_feat .po19 {top: -6%; right: 8%;}
.asks_feat .po20 {top: 6%; left: 18%;}
.asks_feat .po21 {left: -10%; bottom: -170%;}
.asks_feat .po22 {top: 1%; right:16%;}

.asks_feat .txt {
text-align: center;
font-size: 18px;
line-height: 35px;
letter-spacing: 0.1em;
}
.asks_feat .white-txt {
max-width: 500px;
margin: auto;
padding: 5%;
text-align: center;
background: #f5f5f5;
color: #535353;
font-size: 15px;
line-height: 30px;
}
.asks_feat .white-txt span.checkico img {
max-width: 18px;
}

.asks_feat .tit {
text-align: center;
padding: 140px 5% 0;
margin-bottom: 30px;
}
.asks_feat .tit img {
max-width: 330px;
width: 100%
}
.asks_feat .cat_list {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 120px;
}
.asks_feat .cat_list li {
max-width: 40%;
margin: 2%;
line-height: 0;
}
.asks_feat .cat_list li a {
}
.asks_feat .cat_list li img {
width: 100%;
}
.asks_feat .cat_list li img + img {
display: none;
}
.asks_feat .cat_list li:hover img {
display: none;
}
.asks_feat .cat_list li:hover img + img {
display: block;
}

.asks_feat .l01-img-01 {
margin-bottom: 30px;
}
.asks_feat .l01-img-01 img {
/*max-width: 500px;*/
width: 100%;
}
.asks_feat .l01-img-02 {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.asks_feat .l01-img-02 li {
display: flex;
flex-direction: column;
width: 50%;
/*max-width: 250px;*/
position: relative;
}
.asks_feat .l01-img-02 li .img {
line-height: 0;
}
.asks_feat .l01-img-02 li .img img {
width: 100%;
}
.asks_feat .l01-img-03 {
max-width: 600px;
padding: 0 5% 12%;
line-height: 0;
margin: auto;
}
.asks_feat .l01-img-03 img {
width: 100%;
}

.asks_feat .wrap1 {
position: relative;
padding: 60px 0 280px;
}

.asks_feat .l01-img-04 {
max-width: 500px;
margin: auto;
position: relative;
top: -220px;
}
.asks_feat .l01-img-04 img {
width: 100%;
}
.asks_feat .ma- {
margin-top: -190px;
position: relative;
}

.asks_feat .l01-d {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-top: 290px;
}
.asks_feat .l01-d li {
max-width: 44%;
margin: 1%;
line-height: 0;
}
.asks_feat .l01-d li img {
width: 100%;}

.asks_feat .l01-img-06 {
position: relative;
padding: 160px 0;
}
.asks_feat .l01-img-06 .tit {
max-width: 215px;
margin: auto auto 30px;
padding: 0;
}
.asks_feat .l01-img-06 .tit img {
width: 100%;
}
.asks_feat .l01-img-06 .img {
max-width: 340px;
margin: auto auto 30px;
line-height: 0;
}
.asks_feat .l01-img-06 .img img {
width: 100%;
}

.asks_feat .l02-img-01 {
/*max-width: 500px;*/
padding-top: 120px;
margin-bottom: 30px;
}
.asks_feat .l02-img-01 img {
width: 100%;
}

.asks_feat .l02-img {
position: relative;
max-width: 500px;
margin: auto;
}
.asks_feat .l02-img .l02-img-02 {
max-width: 430px;
line-height: 0;
position: relative;
margin: auto;
right: -20%;
}
.asks_feat .l02-img .l02-img-02 img {
width: 100%;
}
.asks_feat .l02-img .l02-img-03 {
max-width: 430px;
line-height: 0;
position: relative;
margin: auto;
left: -20%;
top: -90px;
}
.asks_feat .l02-img .l02-img-03 img {
width: 100%;
}
.asks_feat .l03-img {
position: relative;
}
.asks_feat .l03-img .l03-img-02 {
max-width: 510px;
margin: auto;
line-height: 0;
padding-top: 45%;
}
.asks_feat .l03-img .l03-img-02 img {
width: 100%;
}
.asks_feat .l03-img .l03-img-03 {
max-width: 510px;
margin: auto;
line-height: 0;
padding-bottom: 70px;
}
.asks_feat .l03-img .l03-img-03 img {
width: 100%;
}

.asks_feat .endtxt {
max-width: 324px;
margin: auto auto 100px;
}
.asks_feat .endtxt img {
width: 100%;
}
.asks_feat .end_img {
max-width: 303px;
margin: auto auto 100px;
}
.asks_feat .end_img img {
width: 100%;
}
.asks_feat .end {
margin-bottom: 0;
padding-bottom: 0;
}


/*ここからレスポンシブ指定*/
/*アイパッド*/
@media screen and (max-width: 1024px) {

}

/*アイホン678＋*/
@media screen and (max-width: 767px) {

.asks_feat {
padding-top: 80px;
}

.asks_feat .mv {
padding-bottom: 80px;
}
.asks_feat .tit {
padding: 80px 5% 0;
}

.asks_feat .white-txt {
max-width: 80%;
}

.asks_feat .txt {
font-size: 15px;
line-height: 31px;
}

.asks_feat .caption a {
font-size: 16px !important;
}

.asks_feat .l01-img-06 .img {
max-width: 260px;
}

.asks_feat .l02-img .l02-img-02, .asks_feat .l02-img .l02-img-03 {max-width: 70%;}
.asks_feat .l02-img .l02-img-02 {
margin: auto 5% 0 auto;
right: 0;
}
.asks_feat .l02-img .l02-img-03 {
margin: auto auto auto 5%;
left: 0;
}

.asks_feat .l03-img .l03-img-02, .asks_feat .l03-img .l03-img-03 {max-width: 70%;}
.asks_feat .l03-img .l03-img-02 {}

.asks_feat .l01-img-04 {max-width: 80%;}

/*あしらい位置*/
.asks_feat .po1 {}
.asks_feat .po1 img {width:80%;}
.asks_feat .po2 {}
.asks_feat .po2 img {width:80%;}
.asks_feat .po3 {}
.asks_feat .po3 img {width:80%;}
.asks_feat .po4 {}
.asks_feat .po4 img {width:80%;}
.asks_feat .po5 {}
.asks_feat .po5 img {width:80%;}
.asks_feat .po6 {}
.asks_feat .po6 img {width:80%;}
.asks_feat .po7 {}
.asks_feat .po7 img {width:80%;}
.asks_feat .po8 {left: 3%;}
.asks_feat .po8 img {width:60%;}
.asks_feat .po9 {right: -9%;}
.asks_feat .po9 img {width:60%;}
.asks_feat .po10 {right: -5%;}
.asks_feat .po10 img {width:60%;}
.asks_feat .po11 {left: -5%}
.asks_feat .po11 img {width:70%;}
.asks_feat .po12 {}
.asks_feat .po12 img {width:80%;}
.asks_feat .po13 {right: -25%;}
.asks_feat .po13 img {width:65%;}
.asks_feat .po14 {}
.asks_feat .po14 img {width:65%;}
.asks_feat .po15 {left: -10%; bottom: -110%;}
.asks_feat .po15 img {width:70%;}
.asks_feat .po16 {}
.asks_feat .po16 img {width:80%;}
.asks_feat .po17 {}
.asks_feat .po17 img {width:80%;}
.asks_feat .po18 {}
.asks_feat .po18 img {width:80%;}
.asks_feat .po19 {right: -10%;}
.asks_feat .po19 img {width:65%;}
.asks_feat .po20 {}
.asks_feat .po20 img {width:65%;}
.asks_feat .po21 {left: -10%; bottom: -190%;}
.asks_feat .po21 img {width:70%;}
.asks_feat .po22 {}
.asks_feat .po22 img {width:80%;}

}