#eyecare-history{overflow-x:hidden}#scrolltgt{margin-top:-53px;padding-top:53px}#chronology{position:relative}#chronology::before{content:"";display:block;position:relative;height:60px;width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);background:#005bac;top:0}.e_priod>h3{position:absolute;margin:auto;width:13.3%;height:50px;box-sizing:border-box;padding:12px 14px 0 14px;line-height:1;top:10px;background-color:#005bac;color:#fff;border-radius:5px 5px 0 0;font-weight:bold;font-size:1.6rem;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background-color 0.5s ease;cursor:pointer}.e_priod>h3:hover{background-color:#337cbd}.e_priod>h3::before{content:"";display:block;position:absolute;top:16px;left:10px;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.e_priod>h3::after{content:none}.e_priod:nth-child(1)>h3{left:0}.e_priod:nth-child(2)>h3{left:calc(13.3% + 1.15%)}.e_priod:nth-child(3)>h3{left:calc(13.3% * 2 + 1.15% * 2)}.e_priod:nth-child(4)>h3{left:calc(13.3% * 3 + 1.15% * 3)}.e_priod:nth-child(5)>h3{left:calc(13.3% * 4 + 1.15% * 4)}.e_priod:nth-child(6)>h3{left:calc(13.3% * 5 + 1.15% * 5)}.e_priod:nth-child(7)>h3{left:auto;right:0}.e_priod.active>h3{background-color:#f6f1ec;color:#005bac;cursor:auto}.e_priod.active>h3:hover{background-color:#f6f1ec}.e_priod.active>h3::before{content:none}.e_priod.active>h3::after{content:"";display:block;position:absolute;width:7px;height:7px;border-top:2px solid #005bac;border-right:2px solid #005bac;transform:rotate(135deg);margin:auto;bottom:4px;left:0;right:0}@media screen and (max-width: 980px){#chronology::before{width:980px;margin-right:0;margin-left:-20px}}@media screen and (max-width: 768px){#scrolltgt{margin-top:0;padding-top:0}#chronology::before{width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}.e_priod>h3{padding:12px 10px 0 10px;font-size:1.5rem}.e_priod>h3::before{top:15px;left:0;width:6px;height:6px}.e_priod.active>h3::after{width:6px;height:6px}}@media screen and (max-width: 640px){#chronology{position:static}#chronology::before{content:none}.e_priod>h3{position:relative;width:auto;height:44px;border-radius:0;font-size:1.4rem;line-height:44px;padding:0 0 0 20px;text-align:left;top:0}.e_priod>h3::before{content:none}.e_priod>h3::after{content:"";display:block;position:absolute;box-sizing:border-box;width:4px;height:4px;border:4px solid transparent;border-top:4px solid #fff;margin:auto;bottom:2px;left:0;right:0}.e_priod:nth-child(1)>h3{left:auto}.e_priod:nth-child(2)>h3{left:auto}.e_priod:nth-child(3)>h3{left:auto}.e_priod:nth-child(4)>h3{left:auto}.e_priod:nth-child(5)>h3{left:auto}.e_priod:nth-child(6)>h3{left:auto}.e_priod:nth-child(7)>h3{left:auto;left:auto}.e_priod.active>h3{background-color:#005bac;color:#ffffff;cursor:pointer}.e_priod.active>h3:hover{background-color:#337cbd}.e_priod.active>h3::after{width:4px;height:4px;border:4px solid transparent;border-bottom:4px solid #fff;transform:rotate(0);bottom:4px}}.e_storybox{display:none;opacity:0}.e_storybox .e_headline{padding:50px 0 40px 0;background:#f6f1ec;text-align:center;position:relative;width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}.e_storybox .e_headline h4{font-size:2.6rem;line-height:1.2;font-weight:bold;color:#005bac;margin:0 0 10px 0}.e_storybox .e_headline p{font-size:1.8rem;line-height:1.75;font-weight:bold}.active .e_storybox{display:block;opacity:1;animation-duration:0.8s;animation-name:fade-in}@keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@media screen and (max-width: 980px){.e_storybox .e_headline{width:980px;margin-right:0;margin-left:-20px}}@media screen and (max-width: 768px){.e_storybox .e_headline{padding:30px 0 30px 0;width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}.e_storybox .e_headline h4{font-size:2.4rem;margin:0 0 8px 0}.e_storybox .e_headline p{font-size:1.6rem}}@media screen and (max-width: 640px){.e_storybox{display:block;overflow:hidden;margin-bottom:1px}.e_storybox .e_story{margin-top:-100vw;height:100vw;overflow:hidden;position:relative;transition:all 0.3s ease-out}.e_storybox .e_headline{width:auto;margin-right:auto;margin-left:auto}.e_storybox .e_headline p span{display:block}.active .e_storybox .e_story{margin-top:0;height:auto}}@media screen and (max-width: 480px){.e_storybox .e_headline{padding:20px 0 20px 0}.e_storybox .e_headline h4{font-size:2rem;margin:0 0 4px 0}.e_storybox .e_headline p{font-size:1.4rem}}.clr_box{zoom:100%}.clr_box::after{content:"";clear:both;height:0;display:block;visibility:hidden}.e_timeline{padding:50px 0 30px 0;position:relative}.e_timeline::before{content:"";width:2px;height:100%;background-color:#005bac;position:absolute;margin:auto;top:0;left:0;right:0}.e_timeline dl dt{width:50%;box-sizing:border-box;float:left;position:relative;padding-bottom:50px}.e_timeline dl dt::before{content:"";display:block;width:100%;border-top:2px dotted #005bac;position:absolute;top:9px;left:0}.e_timeline dl dt::after{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:#005bac;top:5px;right:-5px}.e_timeline dl dd{width:50%;box-sizing:border-box;float:right;position:relative;padding-bottom:50px}.e_timeline dl dd::before{content:"";display:block;width:25%;border-top:2px dotted #005bac;position:absolute;top:9px;left:0}.e_timeline dl dd .e_txtbox01,.e_timeline dl dd .e_txtbox02{float:right;position:relative;margin-top:-10px}.e_timeline .e_year{position:relative;font-size:1.8rem;line-height:1.2;font-weight:bold;color:#005bac;display:inline-block;background:#fff;padding-right:0.5em;margin:0 0 8px 0}.e_timeline .e_timeline_title{font-size:2rem;line-height:1.5;font-weight:bold;margin:0 0 18px 0}.e_timeline .e_timeline_img>p{font-size:1.2rem;line-height:1.3;font-weight:bold;color:#005bac;margin-top:4px}.e_timeline .e_txtbox01{width:422px;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:4px;overflow:hidden;background:#fff;padding:24px 30px 0 24px}.e_timeline .e_txtbox01>p{font-size:1.5rem;line-height:1.75;margin-bottom:24px}.e_timeline .e_txtbox01>img{margin-bottom:24px}.e_timeline .e_txtbox02{width:422px;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:4px;overflow:hidden;background:#fff}.e_timeline .e_txtbox02>p{padding:18px 20px;color:#005bac;background:#ebf2fa;border-top:1px solid #d6d6d6;font-size:1.8rem;font-weight:bold;line-height:1.65}.e_timeline .box_red{position:relative;background:#ff0000;color:#fff;border-radius:4px;width:422px;box-sizing:border-box;padding:20px}.e_timeline .box_red .e_year{color:#fff;background:transparent}.e_timeline .box_red .e_timeline_title{margin:0}.e_btnnext{margin-top:-10px;background:#fff;text-align:center;padding:20px 0 80px 0;position:relative}.e_btnnext::before{content:"";display:block;position:absolute;width:0;height:20px;border-left:2px dotted #005bac;margin:auto;top:0;right:0;left:0}.e_btnnext>p{max-width:240px;height:46px;box-sizing:border-box;background:#005bac;color:#fff;font-size:1.6rem;font-weight:bold;line-height:46px;border-radius:23px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:opacity 0.5s ease}.e_btnnext>p:hover{opacity:0.8}.e_btnnext>p span{display:inline-block;position:relative;overflow:visible}.e_btnnext>p span::before{content:"";display:block;position:absolute;margin:auto;top:0;bottom:0;left:-18px;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}@media screen and (max-width: 768px){.e_timeline{padding:40px 0 0 0}.e_timeline dl dt{padding-bottom:40px}.e_timeline dl dd{padding-bottom:40px}.e_timeline .e_year{font-size:1.7rem;margin:0 0 6px 0}.e_timeline .e_timeline_title{font-size:2rem;margin:0 0 12px 0;max-width:90%}.e_timeline .e_timeline_img>img{max-width:90%}.e_timeline .e_txtbox01{width:auto;max-width:90%;padding:20px}.e_timeline .e_txtbox01>p{font-size:1.5rem;line-height:1.75;margin-bottom:20px}.e_timeline .e_txtbox01>img{margin-bottom:20px}.e_timeline .e_txtbox02{width:auto;max-width:90%}.e_timeline .e_txtbox02>p{padding:16px;font-size:1.7rem}.e_timeline .box_red{max-width:90%;width:auto}.e_timeline .box_red .e_timeline_title{margin:0}.e_btnnext{padding:20px 0 60px 0}}@media screen and (max-width: 640px){.e_btnnext{display:none}}@media screen and (max-width: 480px){.e_timeline{padding:24px 0 10px 0}.e_timeline::before{left:10px;right:auto}.e_timeline dl{margin:0 0 0 0}.e_timeline dl dt{width:auto;float:none;margin:0 0 20px 50px;padding-bottom:0}.e_timeline dl dt::before{width:50px;top:9px;left:-40px}.e_timeline dl dt::after{right:auto;left:-44px}.e_timeline dl dd{width:auto;float:none;margin:0 0 20px 50px;padding-bottom:0}.e_timeline dl dd::before{content:none}.e_timeline dl dd .e_txtbox01,.e_timeline dl dd .e_txtbox02{float:none;margin-top:0}.e_timeline .e_year{font-size:1.5rem;margin:0 0 2px 0}.e_timeline .e_timeline_title{font-size:1.6rem;max-width:none}.e_timeline .e_timeline_img{margin:0 0 20px 0}.e_timeline .e_timeline_img>img{max-width:75%}.e_timeline .e_timeline_img>p{font-size:1.2rem}.e_timeline .e_txtbox01{width:auto;max-width:none;border:0;border-radius:0;padding:0}.e_timeline .e_txtbox01>p{font-size:1.4rem;margin-bottom:0}.e_timeline .e_txtbox01>p+img{margin-top:20px}.e_timeline .e_txtbox01>img{max-width:75%}.e_timeline .e_txtbox02{width:auto;max-width:none}.e_timeline .e_txtbox02>p{padding:10px;font-size:1.5rem;line-height:1.5}.e_timeline .box_red{width:auto;max-width:none;padding:10px}.e_timeline .box_red .e_timeline_title{margin:0}}.ec_h1_title .e_inner{position:relative}.ec_h1_title .e_inner h1{position:relative;z-index:1}.ec_h1_title .e_inner::before{content:"";display:block;position:absolute;width:166px;height:154px;background:url(201912/bg_title01.png) no-repeat center center;top:-24px;left:34px}.ec_h1_title .e_inner::after{content:"";display:block;position:absolute;width:162px;height:146px;background:url(201912/bg_title02.png) no-repeat center center;top:-12px;right:34px}#priod04 .e_timeline::after{content:"";display:block;position:absolute;width:222px;height:296px;background:url(201912/bg_priod04.png) no-repeat center center;bottom:98px;right:124px}#bg201412{position:relative}#bg201412::before{content:"";display:block;position:absolute;width:222px;height:296px;background:url(201912/bg_priod04.png) no-repeat center center;top:77px;right:124px}#priod07 .e_timeline::after{content:"";display:block;position:absolute;width:280px;height:76px;background:url(201912/bg_priod07.png) no-repeat center bottom;bottom:0;right:50px}@media screen and (max-width: 768px){.clr_tb{zoom:100%}.clr_tb::after{content:"";clear:both;height:0;display:block;visibility:hidden}.ec_h1_title .e_inner::before{width:17vw;height:16vw;background-size:contain;left:-3vw}.ec_h1_title .e_inner::after{width:17vw;height:15vw;background-size:contain;right:-3vw}#priod04 .e_timeline::after{width:23wv;height:31vw;background-size:contain;bottom:38px;right:8vw}#bg201412::before{width:23wv;height:31vw;background-size:contain;top:0;right:8vw}#priod07 .e_timeline::after{width:30vw;height:8vw;background-size:contain;bottom:0;right:0}}@media screen and (max-width: 480px){.ec_h1_title .e_inner::before{width:16.5vw;height:22.4vw;background:url(201912/bg_title01_sp.png) no-repeat center center;background-size:contain;top:-14px;left:2vw}.ec_h1_title .e_inner::after{width:17.5vw;height:18.5vw;background:url(201912/bg_title02_sp.png) no-repeat center center;background-size:contain;top:0;right:4vw}#priod04 .e_timeline::after{content:none}#bg201412::before{content:none}#priod07 .e_timeline::after{content:none}}