@charset "utf-8";
@media (min-width: 768px) {
    .header .logo .logo-white {
      display: block !important;
    }
    .header .logo .logo-black {
        display: none !important;
      }
  }
.w-1040{max-width: 1040px;}

.swipe span {background: #7d181d; border-radius: 5px;color: #fff; padding: 5px 20px; font-size: 14px;}
.swipe * {display: inline-block; vertical-align: middle; line-height: 1.4;}
.swipe img {margin-left: 1rem;}
.swipe {text-align: center; margin: 2rem 0 0;}

.group{padding: 100px 0;}
.group .m-tit{margin: 0 0 50px;}
.group .m-tit02{font-size: 2rem; line-height: 1.5; letter-spacing: 0.2em; margin: 0 0 20px;}
.group .m-tit03{font-size: 2rem; line-height: 1.7; letter-spacing: 0.2em; margin: 0 0 10px;font-weight: 400;}
.group .m-desc{font-size: 1.8rem; line-height: 2.2; margin: 0 0 50px;}
.group .m-desc02{font-size: 1.6rem; line-height: 1.75; letter-spacing: 0.1em;}
.group .m-desc03{font-size: 1.2rem; line-height: 1.75; letter-spacing: 0.05em;}
@media (max-width: 767px) {
    .group{padding: 50px 0;}
    .group .m-tit{margin: 0 0 25px;}
    .group .m-desc{margin: 0 0 25px;line-height: 1.6;}
    .group .m-desc03{font-size: 1.6rem;}
}

.group01{background: #fff;}

.group02{background: #f1efec;}
.group02 ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0 0; align-items: flex-end;}
.group02 ul li:nth-child(1){width: 44.2%;}
.group02 ul li:nth-child(2){flex: 1; padding: 0 0 0 40px;}

@media (max-width: 767px) {
    .group02 ul li:nth-child(1){width: 100%;}
    .group02 ul li:nth-child(2){padding: 30px 0 0;}
    .group02 ul .photo img{width: 100%;}
}

.group03{background: #fff;}
.group03 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}

.group03 .ul01{margin: 50px 0 0;}
.group03 .ul01 li{display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 30px;}
.group03 .ul01 li .box-txt{width: 31.5%;}
.group03 .w-1040 .m-cap{padding: 10px 20px 0 0; text-align: right;}

.group03 .ul02{margin: 30px 0 0;}
.group03 .ul02 li{width: 23%;}
.group03 .ul02 .photo figcaption{margin: 5px 0 0;}

.group03 .box-txt .p1{font-size: 1.7rem; line-height: 1.2; color: #224934; display: flex; align-items: flex-start; gap: 5px; margin: 0 0 10px;}
.group03 .box-txt .p1 .num{width: 22px; height: 22px; flex-shrink: 0; background: #224934; color: #fff; text-align: center; line-height: 1;padding: 1px 0 0 0;}
.group03 .box-txt .p2{font-size: 1.3rem; line-height: 1.75;}
.group03 .box-txt .p3{font-size: 0.9rem; margin: 5px 0 0;}

@media (max-width: 767px) {
    .group03 .ul01{margin: 25px 0 0; row-gap: 30px;}
    .group03 .ul01 li{width: 100%;row-gap: 20px;}
    .group03 .ul01 li .photo img{width: 100%;}
    .group03 .ul01 li:nth-child(1) .box-txt{width: 100%;}
    /* .group03 .ul01 li:nth-child(1) .box-txt01{order: 1;}
    .group03 .ul01 li:nth-child(1) .box-txt02{order: 2;}
    .group03 .ul01 li:nth-child(1) .box-txt03{order: 3;}
    .group03 .ul01 li:nth-child(1) .box-txt04{order: 4;}
    .group03 .ul01 li:nth-child(1) .box-txt05{order: 5;}
    .group03 .ul01 li:nth-child(1) .box-txt06{order: 6;}
    .group03 .ul01 li:nth-child(1) .box-txt07{order: 7;} */

    .group03 .ul02{row-gap: 30px;}
    .group03 .ul02 li{width: 100%;}

    .group03 .ul02 .photo img{width: 100%;}

    .group03 .w-1040 .photo{overflow-x: scroll;}
    .group03 .w-1040 .photo img{min-width: 640px;}
    .group03 .box-txt .p1{font-size: 1.8rem;margin: 0 0 2px;}
    .group03 .box-txt .p1 .num{padding: 3px 0 0 0;}
    .group03 .box-txt .p2{font-size: 1.4rem;line-height: 1.6;}
    .group03 .box-txt .p3{font-size: 1.2rem;}
}

@media (max-width: 480px) {
    .group03 .ul01 li:nth-child(1) .box-txt{width: 100%;}
}

.group04{background: #e4e7e2;}
.group04 .photo{overflow: visible;}
.group04 .photo .photo__capInRight{right: 2px; bottom: 2px; font-size: 9px;}
.group04 .photo .photo__capOutCenter{text-align: center; margin: 5px 0 0; position: absolute; width: 100%;}

.group04 ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.group04 ul li:nth-child(1){width: 44%;}
.group04 ul li:nth-child(2){width: 52%; display: flex; flex-wrap: wrap; justify-content: space-between;}

.group04 ul.ul01{margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #211815;}
.group04 ul.ul01 li:nth-child(2) figure{width: 21.54%;}

.group04 ul.ul02 li:nth-child(2) div{width: 22.31%;}
.group04 ul.ul02 li:nth-child(2) div>p{text-align: center;margin-top: 5px;}
@media (min-width: 768px) {
.group04 ul.ul02 li:nth-child(2) div:last-child{width: 27.5%;}

}
@media (max-width: 767px) {
    .group04 ul{row-gap: 30px;}
    .group04 ul li:nth-child(1),
    .group04 ul li:nth-child(2){width: 100%;}
    
    .group04 .photo img{width: 100%;}

    .group04 ul.ul01{padding: 0 0 25px; margin: 0 0 25px;}
    .group04 ul.ul01 li:nth-child(2) figure{width: 49%;margin-bottom: 30px;}
}

@media (max-width: 480px) {
    .group04 ul.ul01 li:nth-child(2) div,
    .group04 ul.ul02 li:nth-child(2) div,
    .group04 ul.ul02 li:nth-child(2) div:last-child{width: 49%; margin: 0 0 40px;}
}
.box-raccess{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 30px 0 0;align-items: flex-end;}
.box-raccess .raccess-left{width: 41%;padding: 20px 20px 10px;border: 1px solid #000;}
.box-raccess .raccess-left h4{font-size: 1.7rem;margin-bottom: 10px;line-height: 1.4;color: #224934;font-weight: 500;}
.box-raccess .raccess-left figure{margin-top: 10px;}
.box-raccess .raccess-left figure .photo__capOutright{margin-top: 2px;}
.box-raccess .raccess-left p{font-size: 1.3rem;}
.box-raccess .raccess-right{width: 52.2%;}
@media (max-width: 767px) {
    .box-raccess{margin: 20px 0 0;}
    .box-raccess .raccess-left h4{font-size: 1.8rem;}
    .box-raccess .raccess-left p{font-size: 1.4rem;}
    .box-raccess .raccess-left figure{width: fit-content;margin: 15px auto 0;}
    .box-raccess .raccess-left{width: 100%;margin: 0 0 20px;}
    .box-raccess .raccess-right{width: 100%;}
    .box-raccess .raccess-left{padding: 10px;}
}