.change_swiper{position:relative;overflow:hidden;padding:0 12px 30px}.change_swiper .swiper-wrapper .swiper-slide{width:100%;height:100%;object-fit:cover;text-align:center;box-sizing:border-box;background-color:#ffffffb3;border-radius:10px;text-align:left}@media screen and (max-width: 768px){.change_swiper .swiper-wrapper .swiper-slide{height:auto}}.change_swiper .swiper-wrapper .swiper-slide a{display:grid;padding:6px 1rem 13px}@media screen and (max-width: 768px){.change_swiper .swiper-wrapper .swiper-slide a{margin:3px;padding:3px 7px 10px}}.change_swiper .swiper-wrapper .swiper-slide a span{font-size:12px;font-weight:700;color:var(--color-primary)}.change_swiper .swiper-wrapper .swiper-slide a figure{display:flex;justify-content:center;margin:10px 0;overflow:hidden}.change_swiper .swiper-wrapper .swiper-slide a figure img{width:auto;height:100%;max-height:clamp(102px,26vw,220px);object-fit:contain;object-position:center;border-radius:12px;margin:0 auto}.change_swiper .swiper-wrapper .swiper-slide a p{font-size:1rem;font-weight:700;line-height:20px;color:var(--color-primary)}.change_swiper .swiper-pagination{color:#fff;bottom:0}.change_swiper .swiper-navigation-icon{display:none}.change_swiper .swiper-button-next,.change_swiper .swiper-button-prev{width:30px;height:30px;margin:calc(0px - var(--swiper-navigation-size) / 2) 3px 3px 3px;border-radius:100%;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg%20width='7'%20height='10'%20viewBox='0%200%207%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%201.5L5.5%205L1.5%208.5'%20stroke='%232E4B3D'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.change_swiper .swiper-button-next:after,.change_swiper .swiper-button-prev:after{display:none}.change_swiper .swiper-button-next{right:0}.change_swiper .swiper-button-prev{left:0;transform:rotate(180deg)}#contentArea{position:relative;display:flex;background:linear-gradient(to bottom,var(--color-primary) 8px,#FDFFDA 8px,#FDFFDA 100%) right/55% 100% no-repeat,#fff right/45% 100% no-repeat}#contentArea .wrapper{width:95%;margin:0 auto;min-height:700px;padding-bottom:4rem;display:flex;justify-content:center;position:relative}@media screen and (max-width: 768px){#contentArea .wrapper{padding-bottom:2rem}}#contentArea .wrapper .side_wrap{width:100%;height:100%;position:absolute;left:0;display:flex}#contentArea .wrapper .side_wrap:after{content:"";width:50vw;height:100%;display:block;background-color:var(--color-primary);border-radius:20px 0 0;background-color:#fdffda;border-top:8px solid var(--color-primary);border-left:8px solid var(--color-primary);box-sizing:border-box}#contentArea .main_contents{width:100%;max-width:1200px;display:flex;justify-content:end}@media screen and (max-width: 768px){#contentArea .main_contents{position:relative;margin:0 auto;border-radius:40px 0 0}}#contentArea .main_contents .main_wrap{position:relative;z-index:1;margin:0 auto;width:75vw}h3.book_link{width:95%;height:100%;display:flex;position:sticky;bottom:0;left:0;margin:-62px auto 0;z-index:100}h3.book_link a{width:200px;height:100%;margin-left:120px;box-sizing:border-box;color:#fff;background-color:#2e4b3de6;padding:1rem;border-radius:10px 10px 0 0;font-size:20px;font-weight:700;text-align:center}@media screen and (max-width: 768px){h3.book_link a{top:-60px;left:0;transform:translate(0);margin:0;padding:1rem;width:192px}}@media (hover: hover){h3.book_link a:hover{text-decoration:underline}}#bookArea{position:relative;z-index:1;width:100%;padding:96px 0 0;background:linear-gradient(rgba(46,75,61,.9),var(--color-primary))}#bookArea ul{display:grid;grid-template-columns:repeat(5,1fr);flex-wrap:wrap}@media screen and (max-width: 1080px){#bookArea ul{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 768px){#bookArea ul{display:none}}#bookArea ul li{width:100%;display:grid;gap:10px;height:auto;background:#ffffffb3;box-sizing:border-box;border-radius:10px}@media screen and (max-width: 1080px){#bookArea ul li{max-width:unset}}#bookArea ul li a{padding:1rem 1rem 12px;border-radius:10px}@media (hover: hover){#bookArea ul li a:hover{transition:.3s;background-color:#fff;box-shadow:0 0 10px #ccc}}#bookArea ul li a span{font-size:12px;font-weight:700;color:var(--color-primary)}#bookArea ul li a figure{height:clamp(120px,12vw,139px);overflow:hidden}@media screen and (max-width: 768px){#bookArea ul li a figure{height:102px}}#bookArea ul li a figure img{height:100%;object-fit:cover}#bookArea ul li a p{margin-top:5px;font-size:1rem;font-weight:700;color:var(--color-primary);line-height:normal}#sideMenu{background-color:var(--color-primary)}