@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

.main .container {
    width: calc(100% - 40px);
    max-width: 1300px;
    margin: 0 auto;
}

.main .flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .main .pd100 {
        padding: 50px 0;
    }

    .caption.mt100 {
        margin-top: 40px;
    }
}

.mainVisual__title {
    position: absolute;
    top: 15%;
    right: 20%;
    max-width: 250px;width: 14%;
}

.mainVisual__title02{top: unset;right: unset;left: 7.08%;bottom: 7%;max-width: 653px;width: 35%;}
figure{position: relative;margin: 0;}
figcaption{position: absolute;color: white;font-size: 10px;bottom: 5px;right: 5px;}
figcaption.clr{color: #595757;}
.page__boxTitle {margin: 0 0 100px;}
.block01{background: linear-gradient(90deg, #e9e2c8 0%, #ffffff 50%, #e9e2c8 100%);padding: 100px 0;}
.block01 .list-bnr .bnr-detail{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px 0 0;}
.block01 .list-bnr .bnr-detail .bnr-txt{width: 41.77%;background: #00367d;display: flex;justify-content: center;align-items: center;color: #fff;font-size: min(4.5vw,2rem);}
.block01 .list-bnr .bnr-detail .bnr-img{width: 58.23%;}

.block01 .box-link{text-align: center;max-width: 940px;margin: 100px auto 0;display: block;background: linear-gradient(to right, #998735 0%, #ccba71 50%, #9b8937 100%);letter-spacing: 0.22em;font-size: 23px;color: #fff;border-radius: 40px;position: relative;padding: 5px 20px 7px 0;}
.block01 .box-link::after{content: '';background: url('../imgs/btn-link.png')no-repeat center center/100% 100%;width: 36px;height: 36px;display: inline-block;right: 3%;top: 50%;position: absolute;transform: translateY(-50%);}
.block01 .box-link:hover{background: #998735;}
.block02{padding: 100px 0 0;}
.block02 .container{background: #00367d;}
.block02 .point .point-cont {position: relative;}
.block02 .point .point-cont::after{content: '';width: calc(100% - 50px);height: calc(100% - 50px);position: absolute;top:25px;left:25px;border: 2px solid #fff;pointer-events: none;}
.block02 .point .point-cont > h3{text-align: center;font-size: 36px;background:  linear-gradient(to right, #998735 0%, #c0b074 50%, #998735 100%);padding:90px 0 60px;color: #fff;letter-spacing: 0.12em;}
.block02 .point-block{max-width: 1000px;width: calc(100% - 100px);margin: 100px auto 0;}
.block02 .point-block.point03{padding-bottom: 100px;}
.block02 .point-block.point03 .img-point{width: 94%;margin: 0 auto;}
.block02 .point-block .point-tit{display: flex;justify-content: space-between;flex-wrap: wrap;color: #fff;align-items: center;margin: 0 0 60px;}
.block02 .point-block .point-tit h4{width: 170px;font-size: 30px;}
.block02 .point-block .point-tit h4 span{font-size: 117px;line-height: 1;font-weight: bold;margin-left: 15px;}
.block02 .point-block .point-tit p{width: calc(100% - 200px);padding-left: 30px;border-left: 1px solid #fff;font-size: 16px;}
.block02 .point-block .point-tit p span{font-size: 33px;margin:0 0 20px;display: block;line-height: 1;}
.block02 .point-block .tbl-point h5{font-size: 28px;color: #c5b047;text-align: center;margin: 0 0 15px;}
.block02 .column {background:  linear-gradient(to right, #998735 0%, #c0b074 50%, #998735 100%);padding: 40px 75px 70px;}
.block02 .column h3{color: #fff;font-size: 33px;text-align: center;letter-spacing: 0.12em;margin: 0 0 40px;}
.block02 .column .col-info{display: flex;justify-content: space-between;flex-wrap: wrap;}
.block02 .column .col-info .col-detail{width: 48%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.block02 .column .col-info .col-detail .col-txt {width: 58%;color: #fff;}
.block02 .column .col-info .col-detail figure{width: 38%;}
.block02 .column .col-info .col-detail figure img{width: 100%;}
.block02 .column .col-info .col-detail h4{font-size: 24px;}
.block02 .column .col-info .col-detail p{font-size: 14px;}

@media screen and (max-width: 768px) {
    .mainVisual__title{right: 40%;width: 21%;top: 20%;}
    .mainVisual__title.mainVisual__title02{width: 75%;top: unset;left: 3.08%;}
    .block01{padding: 50px 0;}
    .block02{padding: 50px 0 0;}
    .page__boxTitle{margin: 0 0 50px;}
    .block01 .box-link::after {width: 30px;height: 30px;}
    .block01  .box-link {font-size: 14px;margin:30px auto 0;line-height: 1.6;}
    .block01 .list-bnr .bnr-detail{margin: 30px 0 0;}
    .block01 .list-bnr .bnr-detail .bnr-img{width: 100%;order: -1;}
    .block01 .list-bnr .bnr-detail .bnr-txt{width: 100%;padding: 20px;font-size: 16px;display: block;}
    .block02 .point .point-cont > h3{font-size: 22px;padding: 40px 0 20px;}
    .block02 .point-block{margin: 40px auto 0;width: calc(100% - 50px);}
    .block02 .point-block .point-tit h4{width: 100%;margin: 0 0 15px;text-align: center;}
    .block02 .point-block .point-tit h4 img{width: 140px;}
    .block02 .point-block .point-tit p{width: 100%;border-left: 0;border-top: 1px solid #fff;padding-left: 0;font-size: 13px;}
    .block02 .point-block .point-tit p span{font-size: 20px;padding: 8px 0 0;line-height: 2;margin: 0;text-align: center;}
    .block02 .point-block .point-tit{margin: 0 0 20px;}
    .block02 .point-block.point03{padding: 0 0 50px;}
    .block02 .column{padding: 20px 25px 40px;}
    .block02 .point-block .tbl-point h5{font-size: 19px;}
    .block02 .column h3{font-size: 20px;margin: 0 0 20px;}
    .block02 .point .point-cont::after {width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px;}
    .block02 .column .col-info .col-detail{width: 100%;}
    .block02 .column .col-info .col-detail:not(:last-child){margin: 0 0 20px;}
    .block02 .column .col-info .col-detail h4{font-size: 18px;}
    .block02 .column .col-info .col-detail .col-txt{width: 100%;}
    .block02 .column .col-info .col-detail p{font-size: 13px;}
    .block02 .column .col-info .col-detail figure{width: 100%;order: -1;margin: 0 0 10px;}
  }
  .pinch-out {max-width: 100%;margin: 0;padding: 10px 40px 0;}