body{
background-image: url('https://img07.shop-pro.jp/PA01341/667/etc_base64/d2F0ZXJjb2xvci1wYXBlci10ZXh0dXJl.jpg?cmsp_timestamp=20250322213756');
            background-size: contain;
}
.main__section{
margin-bottom: 0 !important;
    border: none !important;
}
.mar-b--60{
margin-bottom: 0 !important;
}
.history__section{
display:none;
}
a{
transition: 0.3s;
}
.section2{
position: relative;
margin:180px 0px;
}
.contents-2cols{
display:flex;
justify-content: space-evenly;
padding: 60px;
}
.lt{
width: 300px;
text-align: end;
}
.lt img{
width: 230px;
}
.rt{
padding-top: 60px;
}
.rt h2{
font-size: 84px;
font-weight: 700;
letter-spacing: 2px;
margin: 0 0 10px 0;
}
.midashi{
font-size: 32px;
font-weight: 600;
letter-spacing: 1px;
padding-left: 6px;
margin-bottom: 50px;
}
.note{
font-size: 18px;
font-weight: 500;
letter-spacing: 2px;
line-height: 34px;
padding-left: 8px;
}
.carousel{
position: relative;
right: -150px;
margin:60px 0;
}
.c_area_inner{
background-image: url(https://img07.shop-pro.jp/PA01341/667/etc_base64/Y19iZ19jb2ZmZWU.jpg?cmsp_timestamp=20250320222759);
background-size: cover;
background-position: right center;
width: 100%;
height: 500px;
}
.c_area-2cols{
display:flex;
justify-content: space-evenly;
height: 500px;
align-items: center;
background-color: rgb(0 0 0 / 26%);
}
.c_area_rt img{
width:400px;
}
.c_area_lt h4 {
font-size: 40px;
color: #fff;
}
.c_area_lt a{
display:block;
}
.link_button{
background: #fff;
border-radius: 500px;
padding: 10px;
display: flex;
justify-content: center;
}
.link_button img{
width:30px;
margin-right: 20px;
}
.link_button p{
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
}
.section2 h3{
font-size: 80px;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
    font-weight: 800;
    color: #9d9b9b;
    text-align: center;
}
.c_area_inner2{
background-image: url(https://img07.shop-pro.jp/PA01341/667/etc_base64/YmdfZG9n.jpg?cmsp_timestamp=20250321205425);
background-size: cover;
background-position: 0px -110px;
width: 100%;
height: 500px;
}
.c_area_inner2 .c_area-2cols{
background-color: rgb(0 0 0 / 16%);
}
.c_area_inner2 .c_area_rt img{
width:300px;
}
.c_area2{
margin-top:50px;
}
.c_area2_inner ul{
display: flex;
list-style: none;
padding: 30px;
justify-content: space-evenly;
}
.c_area2_inner li a{
display: block;
position: relative;
}
.c_area2_inner li:first-child{
background-image: url(https://img07.shop-pro.jp/PA01341/667/etc_base64/b3RoZXJfYzE.jpg?cmsp_timestamp=20250321220619);
}
.c_area2_inner li:nth-of-type(2){
background-image: url(https://img07.shop-pro.jp/PA01341/667/etc_base64/b3RoZXJfYzI.jpg?cmsp_timestamp=20250321220619);
}
.c_area2_inner li:nth-of-type(3){
background-image: url(https://img07.shop-pro.jp/PA01341/667/etc_base64/b3RoZXJfYzM.jpg?cmsp_timestamp=20250321220619);
}
.c_area2_inner li:last-child{
background-image: url(https://img07.shop-pro.jp/PA01341/667/etc_base64/b3RoZXJfYzQ.jpg?cmsp_timestamp=20250321220619);
}
.c_area2_inner li{
width: 22%;
height: 170px;
background-size: cover;
}
.c_area2_inner li a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
font-weight: 600;
letter-spacing: 2px;
}
.section3{
margin-top:150px;
}
.section3 h3{
position: relative;
font-size: 80px;
letter-spacing: 2px;
font-weight: 800;
color: #9d9b9b;
  margin-bottom:40px;
  text-align:center;
}
.section3 span,.section2 span{
font-size: 18px;
margin-left: 20px;
color: #9d9b9b;
}
.reco_area{
width:1200px;
}
.reco_area .recommend-list{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
align-items: start;
padding: 0 60px;
margin: 0;
}
.reco_area li a img{
width:300px;
}


#section2 {
            height: 1700px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            /* 初期状態では背景画像を設定しない */
  flex-direction: column;
        }
        .bg-image {
            background-size: cover;
            background-position: center;
            background-attachment: fixed; /* 背景画像を固定 */
            transition: background-image 0.5s ease-in-out;
        }
.content-wrapper {
 position: relative; /* コンテンツを重ねるための基準 */
z-index: 1; /* 背景画像より上に表示 */
        }

#section2 .section3{
margin-top: 100px;
    position: relative;
    top: -50px;
    width: 80%;
    background: #fff;
    border-radius: 40px;
  padding-bottom:70px;
}
#section2 .section3 h3,#section2 .section3 span{
margin-top: 50px;
  color:#a59333;
}
#section2 .contents p{
text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #a59333;
  margin-bottom: 20px;
}
.swiper-slide a{
font-size: 14px;
}

.swiper-slide a img{
width: 200px;
}
.swiper-pagination{
display:none;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
left: 6px !important;
    background: #fff;
    border: solid 2px #a59333;
    border-radius: 100%;
    width: 60px !important;
    height: 60px !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
color: #a59333;
    font-size: 20px !important;
    font-weight: 900;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
background: #fff;
    border: solid 2px #a59333;
    border-radius: 100%;
    width: 60px !important;
    height: 60px !important;
}
.contents_carousel{
margin: 0px 50px;
}
.slick-slide{
margin-right: 20px;
}