<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider-------------------------------------*/

#form h3{ text-align: center; margin-bottom: 80px;}

#form .book-bx{ width: 1200px; margin: 0 auto; background: url('../images/form/book-bg.jpg') bottom center no-repeat , #e8e4d5; padding: 50px 145px; }
#form .book-bx h4{ width: 910px; margin: 0 auto 55px; padding-bottom: 20px; border-bottom: 3px solid #000; font-size: 28px; font-weight: bold; text-align: center; }
#form .book-bx li{ float: left; width: 440px; min-height: 220px; padding: 1%; background: #fff; margin-bottom: 30px; position: relative; z-index: 3;  }
#form .book-bx li:nth-child(2n){ float: right;  }
#form .book-bx li figure{ float: left; }
#form .book-bx li label{ float: right; width: 50%; font-size: 22px; padding: 30px 0; }
#form .book-bx li label span{ display: block; font-size: 14px; padding-top: 20px; line-height: 1.7; }
#form .book-bx .point{ position: relative; right: -50px; }


#form .sub-in-title{ text-align: center; margin-bottom: 30px; }

.new-catalog-box{width:1200px;margin:0 auto 77px;background-color:#E2DBBF;}
.new-catalog-box .new-catalog-txt-box{width:1200px;margin:0 auto;padding:44px 40px 11px;position:relative;}
.new-catalog-box .new-catalog-txt-box .new-catalog-ttl{background-image:url(../images/form/ttl-bg.png);background-repeat:no-repeat;background-position:center 0;font-weight:bold;font-size:16px;letter-spacing:1px;text-align:center;color:#fff;padding: 10px 0px 10px; margin-bottom: 15px;}
.new-catalog-box .new-catalog-txt-box .ttl-deco01{position:absolute;top: 32px;left: 328px;}
.new-catalog-box .new-catalog-txt-box .ttl-deco02{position:absolute;top: 130px; left: 885px;}
.new-catalog-box .new-catalog-txt-box .new-catalog-subttl{font-weight:bold;font-size:26px;letter-spacing:1px;line-height:1.6;text-align:center;color:#111;}
.new-catalog-box .new-catalog-txt-box .new-catalog-txt{font-weight:bold;font-size:16px;letter-spacing:0.8px;line-height:1.6;text-align:center;color:#111;margin-top: -76px;    margin-bottom: -20px;}
.new-catalog-box .new-catalog-txt-box .new-catalog-img-box{width: 929px; margin: 0 auto;}

#form .ac-box{ margin-bottom: 60px; }
#form .ac-box label.ac-label{max-width: 600px;font-size: 28px;font-weight: bold;text-align: center;background: #29874d;margin: auto;line-height: 80px;position: relative;display: block;height: 80px;border-radius: 8px;cursor: pointer;color: #fff;transition: all 0.5s;margin-bottom: 30px;}
#form .ac-box label.ac-label:hover{background: #e08704;-webkit-transition: all .3s;transition: all .3s;}
#form .ac-box input.ac-input{display: none;}
#form .ac-box label.ac-label:after{color: #fff;content:" ▼";}
#form .ac-box input.ac-input:checked ~ label.ac-label::after {color: #fff;content:" ▲";}
#form .ac-box div.ac-small{height: 0px;padding: 0px;overflow: hidden;opacity: 0;transition: 0.5s;}
#form .ac-box input.ac-input:checked ~ div.ac-small{height: auto;opacity: 1;}

.yureru-j {animation: yureru-j 2s infinite;}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}


}

@media screen and (max-width: 767px) {

#form h3{ text-align: center; }

#form .book-bx{ width: 100%; margin: 0 auto 7%; background: url('../images/form/book-bg.jpg') bottom center no-repeat , #e8e4d5; padding: 5% 3%; }
#form .book-bx h4{ width: 100%; margin: 0 auto 55px; padding-bottom: 20px; border-bottom: 3px solid #000; font-size: 28px; font-weight: bold; text-align: center; }
#form .book-bx li{ float: left; width: 100%; padding: 1%; background: #fff; margin-bottom: 7%; position: relative; z-index: 3; }
#form .book-bx li:nth-child(2n){ float: right;  }
#form .book-bx li figure{ float: left; width: 50%; }
#form .book-bx li label{ float: right; width: 48%; font-size: 18px; padding: 30px 0; }
#form .book-bx li label span{ display: block; font-size: 12px; padding-top: 20px; line-height: 1.7; }
#form .book-bx .point{ position: relative; right: -50px; }


#form .sub-in-title{ text-align: center; margin-bottom: 30px; }

.new-catalog-box{width:100%;margin:7vw auto 5vw;background-color:#E2DBBF;}
.new-catalog-box .new-catalog-txt-box{width:100%;margin:0 auto 8vw;padding:8vw 2vw 3vw;position:relative;}
.new-catalog-box .new-catalog-txt-box .new-catalog-ttl{background-image:url(../images/form/sp-ttl-bg.png);background-repeat:no-repeat;background-position:center 0;font-weight:bold;font-size:3.6vw;letter-spacing:1px;text-align:center;color:#fff;padding:2vw 0vw 2vw;margin-bottom:3vw;background-size:92vw;}

.new-catalog-box .new-catalog-txt-box .ttl-deco01{position:absolute;top:23vw;left:5vw;width:6vw;}
.new-catalog-box .new-catalog-txt-box .ttl-deco02{position:absolute;top:30vw;left:86vw;width:8vw;}
.new-catalog-box .new-catalog-txt-box .new-catalog-subttl{font-weight:bold;font-size:5.4vw;letter-spacing:0.1vw;line-height:1.4;text-align:center;color:#111;margin-top:2vw;margin-bottom:0vw;}

.new-catalog-box .new-catalog-txt-box .new-catalog-txt{font-weight:bold;font-size:3.8vw;letter-spacing:0.1vw;line-height:1.6;text-align:center;color:#111;margin-top: 2vw;    margin-bottom: -2vw;}
.new-catalog-box .new-catalog-txt-box .new-catalog-img-box{width: 80vw; margin: 0 auto;}

#form .ac-box{ margin-bottom: 15vw; }
#form .ac-box label.ac-label{max-width: 80vw;font-size: 4.2vw;font-weight: bold;text-align: center;background: #29874d;margin: auto;line-height: 15vw;position: relative;display: block;height: 15vw;border-radius: 8px;cursor: pointer;color: #fff;transition: all 0.5s;margin-bottom: 4vw;}
#form .ac-box label.ac-label:hover{background: #e08704;-webkit-transition: all .3s;transition: all .3s;}
#form .ac-box input.ac-input{display: none;}
#form .ac-box label.ac-label:after{color: #fff;content:" ▼";}
#form .ac-box input.ac-input:checked ~ label.ac-label::after {color: #fff;content:" ▲";}
#form .ac-box div.ac-small{height: 0px;padding: 0px;overflow: hidden;opacity: 0;transition: 0.5s;}
#form .ac-box input.ac-input:checked ~ div.ac-small{height: auto;opacity: 1;}

.yureru-j {animation: yureru-j 2s infinite;}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

}
</pre></body></html>