.eyecatch-area{position:relative}@media screen and (min-width: 769px){.eyecatch-area{width:700px;height:350px}}.eyecatch-area .h1-wrap{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center}.eyecatch-area .h1-label{position:absolute;z-index:1;width:436px;margin-left:6px}.eyecatch-area .header-title.caption{font-size:3.4rem;line-height:1.35;letter-spacing:0;color:#444;position:absolute;z-index:2;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;margin:-6px 0 0}.eyecatch-area .header-title.caption .br-block{display:block}.eyecatch-area .header-title.caption .sub-text{position:relative;margin-top:5px;margin-right:10px;color:#f66;font-family:ryo-gothic-plusn;font-size:2rem}.eyecatch-area .header-title.caption .sub-text::after{position:absolute;right:-33px;bottom:8px;display:inline-block;width:44px;height:24px;background:url(/assets/module/article/h1-icon-1cd5af466ff9afcc91eadd363d2fa10f129eb5eef9115b50f626e63ee0f17608.png) center center/contain no-repeat;content:""}.eyecatch-area .bg-wrap{position:relative}.eyecatch-area .bg-wrap .mv{display:block;width:100%;height:350px}@media screen and (max-width: 768px){.eyecatch-area{margin-top:20px}.eyecatch-area .h1-wrap{height:225px}.eyecatch-area .header-title.caption{font-size:2.5rem;letter-spacing:1px}.eyecatch-area .header-title.caption .sub-text{font-size:1.6rem;letter-spacing:-0.6px}.eyecatch-area .header-title.caption .sub-text::after{right:-20px;bottom:-6px}.eyecatch-area .bg-wrap{height:326px;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}.eyecatch-area .bg-wrap .mv{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.eyecatch-area .h1-label{width:326px}}@media screen and (max-width: 320px){.eyecatch-area .h1-label{width:290px}.eyecatch-area .header-title.caption{font-size:2.4rem;line-height:1.22;letter-spacing:0;color:#444}.eyecatch-area .header-title.caption .sub-text{font-size:1.5rem}.eyecatch-area .header-title.caption .sub-text::after{width:34px;height:18px}}.ages-info-area .action-text{line-height:1.5}.ages-info-area .action-text .emphasized{font-size:1.7rem}@media screen and (max-width: 768px){.ages-info-area .text-inner{bottom:120px}.ages-info-area .act-button.large-act-button{margin-top:10px}.ages-info-area .toc{margin-top:-95px}.ages-info-area .pamphlets{bottom:50px}}@media screen and (max-width: 320px){.ages-info-area .text-inner{bottom:140px}.ages-info-area .toc{margin-top:-115px}.ages-info-area .pamphlets{bottom:65px}}
