body.technology-history-20years{font-size:1.4em}#container1{background-color:#00c0fe;background-image:linear-gradient(105deg, rgb(0, 83, 197) 0%, rgb(0, 192, 254) 100%);margin-top:-80px}#container1 .inner{padding:150px 0 80px 0}#container1 .block-title{display:grid;grid-template-columns:143px 1fr 143px;gap:20px;width:calc(100% - 120px);margin:0 auto}#container1 .block-title .cellC{display:flex;flex-direction:column;align-items:center;max-width:744px;margin:0 auto}#container1 .block-title .cellC h2{margin-bottom:40px}#container1 .block-title .cellC h1{margin-bottom:40px}#container1 .block-title .cellC p{margin-bottom:50px}#container1 .block-title .cellR{display:flex;align-items:flex-start;justify-content:flex-end}#container1 .block-title .cellR img{width:auto;height:auto}@media(min-width: 768px)and (max-width: 992px){#container1 .block-title{width:calc(100% - 60px);grid-template-columns:1fr 60% 1fr;gap:5px}#container1 .block-title .cellR img{max-width:120px}}@media(max-width: 767px){#container1 .block-title{display:flex;flex-direction:column;gap:15px;width:100%}#container1 .block-title .cellC{padding:0 20px}#container1 .block-title .cellC h2{max-width:280px;margin-bottom:30px}#container1 .block-title .cellC h2 img{height:auto}#container1 .block-title .cellC h1{width:100%;margin-bottom:30px}#container1 .block-title .cellC h1 picture{display:block;margin:0 auto;max-width:303px}#container1 .block-title .cellC p{width:100%;margin-bottom:5px}#container1 .block-title .cellC p picture{display:block;margin:0 auto;max-width:253px}#container1 .block-title .cellR{margin:0 0 20px 0}#container1 .block-title .cellR img{width:100%;max-width:80px;margin:0 auto}}#container1 .block-photo{margin:0 0 50px 0;max-width:100%;overflow:hidden}#container1 .block-photo .swiper-wrapper .swiper-slide{width:auto}#container1 .block-photo .swiper-wrapper .swiper-slide a{display:block;text-decoration:none}#container1 .block-photo .swiper-wrapper .swiper-slide a:focus{outline-offset:0;outline:none}#container1 .block-photo .swiper-wrapper .swiper-slide figure img{max-width:none;border-radius:20px}#container1 .block-photo .swiper-wrapper .swiper-slide figure figcaption{color:#fff;text-align:right;font-size:93%;margin:5px 0 0 0}@media(max-width: 767px){#container1 .block-photo{margin:0 0 40px 0}#container1 .block-photo .swiper-wrapper .swiper-slide a{margin:0 auto;max-width:560px;width:calc(100% - 40px)}#container1 .block-photo .swiper-wrapper .swiper-slide figure img{width:100%;height:auto}}#container1 .block-text{padding:0 20px}#container1 .block-text p{color:#fff;text-align:center;font-size:129%;line-height:2em}@media(max-width: 767px){#container1 .block-text p{text-align:left;font-size:115%}#container1 .block-text p br{display:none}}#container2{background-image:url(../../special/technology-history-20years/img/bg_image2.png);background-position:center top;background-repeat:no-repeat;background-size:contain;background-color:#8ad2ef}#container2 .inner{padding:100px 0 80px 0}#container2 .block-title{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 65px 0;text-align:center}#container2 .block-title img{max-width:100%;height:auto}@media(max-width: 767px){#container2 .block-title{margin:0 0 40px 0}#container2 .block-title img{max-width:80%}}#container2 .block-chronology{max-width:1030px;margin:0 auto;padding:0 20px 60px 20px;margin-bottom:24px;color:#333}#container2 .block-chronology .chronology{position:relative}#container2 .block-chronology .chronology .centerline{position:relative;display:block;width:10px;height:calc(100% - 27px);position:absolute;top:20px;left:calc(50% - 5px);border:1px solid #fff;border-bottom:0;background-image:linear-gradient(0deg, #0041b8 0%, #20fffc 51%, #e3f5fd 100%);opacity:.72;z-index:0}#container2 .block-chronology .chronology .centerline::before{position:absolute;content:"";bottom:-7px;left:calc(50% - 5px);width:0;height:0;border-style:solid;border-width:8px 5.5px 0 5.5px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);z-index:1}#container2 .block-chronology .chronology .centerline::after{position:absolute;content:"";bottom:-5px;left:calc(50% - 4px);width:0;height:0;border-style:solid;border-width:6px 4.5px 0 4.5px;border-color:#0041b8 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);z-index:1}#container2 .block-chronology .chronology .box-history{position:relative;z-index:10;margin-bottom:50px}#container2 .block-chronology .chronology .box-history::after{content:"";clear:both;height:0;line-height:0}#container2 .block-chronology .chronology .box-history#history2020{padding-bottom:30px;margin-bottom:0}#container2 .block-chronology .memo{display:flex;align-items:center;flex-direction:column;gap:17px;width:100%;max-width:668px;padding:20px;margin:30px auto 40px auto;background-color:#fff;text-align:center;box-shadow:0px 0 10px 0px rgba(0,0,0,.3)}#container2 .block-chronology .memo .txt{display:flex;flex-direction:column;gap:7px}#container2 .block-chronology .box-dekigoto{display:flex;align-items:center;justify-content:center;background-color:#fff;width:100%;max-width:500px;min-height:60px;margin:24px auto 15px auto;font-size:115%;box-shadow:0px 0 10px 0px rgba(0,0,0,.1)}#container2 .block-chronology h3.title-year{display:flex;justify-content:center;clear:both;padding-bottom:20px}#container2 .block-chronology h4.title-year-L,#container2 .block-chronology h4.title-year-R{display:flex;justify-content:end;width:50%;padding-top:30px;padding-bottom:20px}#container2 .block-chronology h4.title-year-L .sp,#container2 .block-chronology h4.title-year-R .sp{display:none}#container2 .block-chronology h4.title-year-L.title-year-L img,#container2 .block-chronology h4.title-year-R.title-year-L img{margin-right:-10px}#container2 .block-chronology h4.title-year-L.title-year-R,#container2 .block-chronology h4.title-year-R.title-year-R{justify-content:start}#container2 .block-chronology h4.title-year-L.title-year-R img,#container2 .block-chronology h4.title-year-R.title-year-R img{margin-left:-10px}@media(min-width: 768px){#container2 .block-chronology h4.title-year-L#year2018,#container2 .block-chronology h4.title-year-R#year2018{clear:both}#container2 .block-chronology h4.title-year-L#year2021,#container2 .block-chronology h4.title-year-R#year2021{padding-top:150px}}#container2 .block-chronology .block-technology-L,#container2 .block-chronology .block-technology-R{width:calc(50% - 65px)}#container2 .block-chronology .block-technology-L.block-technology-L,#container2 .block-chronology .block-technology-R.block-technology-L{margin-right:65px;float:left}#container2 .block-chronology .block-technology-L.block-technology-R,#container2 .block-chronology .block-technology-R.block-technology-R{margin-left:65px;float:right}#container2 .block-chronology .block-technology-L .box1,#container2 .block-chronology .block-technology-R .box1{display:flex;flex-direction:row-reverse;justify-content:start;gap:15px;padding:15px;background-color:#fff;box-shadow:0px 0 10px 0px rgba(0,0,0,.1)}#container2 .block-chronology .block-technology-L .box1+.box1,#container2 .block-chronology .block-technology-R .box1+.box1{margin-top:10px}#container2 .block-chronology .block-technology-L .box1+.box2,#container2 .block-chronology .block-technology-R .box1+.box2{margin-top:20px}#container2 .block-chronology .block-technology-L .box1 .txt,#container2 .block-chronology .block-technology-R .box1 .txt{display:flex;flex-direction:column;gap:7px}#container2 .block-chronology .block-technology-L .box1 .txt p,#container2 .block-chronology .block-technology-R .box1 .txt p{font-size:100%;line-height:158%}#container2 .block-chronology .block-technology-L .box1 .txt a,#container2 .block-chronology .block-technology-R .box1 .txt a{color:#023792;text-decoration:underline}#container2 .block-chronology .block-technology-L .box1 .txt a:hover,#container2 .block-chronology .block-technology-R .box1 .txt a:hover{text-decoration:none}#container2 .block-chronology .block-technology-L .box1 picture img,#container2 .block-chronology .block-technology-R .box1 picture img{min-width:100px;border-radius:10px}#container2 .block-chronology .block-technology-L .box2,#container2 .block-chronology .block-technology-R .box2{padding:15px;background-color:#fff;box-shadow:0px 0 10px 0px rgba(0,0,0,.1)}#container2 .block-chronology .block-technology-L .box2+.box1,#container2 .block-chronology .block-technology-R .box2+.box1{margin-top:10px}#container2 .block-chronology .block-technology-L .box2+.box2,#container2 .block-chronology .block-technology-R .box2+.box2{margin-top:20px}#container2 .block-chronology .block-technology-L .box2 .dekigoto,#container2 .block-chronology .block-technology-R .box2 .dekigoto{display:flex;gap:10px}#container2 .block-chronology .block-technology-L .box2 .dekigoto p,#container2 .block-chronology .block-technology-R .box2 .dekigoto p{order:2}#container2 .block-chronology .block-technology-L .box2 .dekigoto picture,#container2 .block-chronology .block-technology-R .box2 .dekigoto picture{order:1}#container2 .block-chronology .block-technology-L .box2 .technology,#container2 .block-chronology .block-technology-R .box2 .technology{padding:20px 0 0 0;border-top:1px dotted #7b7b7b}#container2 .block-chronology .block-technology-L .box2 h4,#container2 .block-chronology .block-technology-R .box2 h4{display:inline-block;border-radius:14px;padding:0 20px;margin:0 0 15px -3px;box-sizing:border-box;border:1px solid #0095e7;background-color:#fff;width:auto;color:#0095e7;font-size:100%;line-height:26px}#container2 .block-chronology .block-technology-L .box2 p,#container2 .block-chronology .block-technology-R .box2 p{font-size:100%;line-height:158%;margin-bottom:5px}#container2 .block-chronology .block-technology-L .box2 a,#container2 .block-chronology .block-technology-R .box2 a{color:#023792;text-decoration:underline}#container2 .block-chronology .block-technology-L .box2 a:hover,#container2 .block-chronology .block-technology-R .box2 a:hover{text-decoration:none}#container2 .block-chronology .block-technology-L .box2 a:has(>picture),#container2 .block-chronology .block-technology-R .box2 a:has(>picture){max-width:150px}#container2 .block-chronology .block-technology-L .box2 picture,#container2 .block-chronology .block-technology-R .box2 picture{display:inline-block;margin-bottom:20px}#container2 .block-chronology .block-technology-L .box2 picture img,#container2 .block-chronology .block-technology-R .box2 picture img{min-width:150px;border-radius:10px}#container2 .block-chronology .block-technology-L .box2 ul,#container2 .block-chronology .block-technology-R .box2 ul{margin:12px 0 0 0}#container2 .block-chronology .block-technology-L .box2 ul li,#container2 .block-chronology .block-technology-R .box2 ul li{position:relative;padding:0 0 0 1.2em}#container2 .block-chronology .block-technology-L .box2 ul li::before,#container2 .block-chronology .block-technology-R .box2 ul li::before{position:absolute;content:"●";left:0;width:1em;color:#023792}#container2 .block-chronology .block-technology-L .box2 ul.marknone li,#container2 .block-chronology .block-technology-R .box2 ul.marknone li{padding:0}#container2 .block-chronology .block-technology-L .box2 ul.marknone li::before,#container2 .block-chronology .block-technology-R .box2 ul.marknone li::before{display:none}#container2 .block-chronology .block-technology-L h5 img,#container2 .block-chronology .block-technology-R h5 img{display:block}#container2 .block-chronology .block-technology-L h5 img+img,#container2 .block-chronology .block-technology-R h5 img+img{margin-top:3px}@media(max-width: 767px){#container2 .block-chronology{padding:0 20px 30px 20px;overflow:hidden}#container2 .block-chronology .chronology{padding-top:50px}#container2 .block-chronology .chronology .centerline{top:0;left:0;height:calc(100% - 7px)}#container2 .block-chronology .chronology .centerline::after{left:0}#container2 .block-chronology .memo{margin:0 auto;text-align:left}#container2 .block-chronology .memo .txt{width:100%}#container2 .block-chronology .memo .txt br{display:none}#container2 .block-chronology .box-dekigoto{padding:20px;min-height:auto;font-size:129%;width:100%;max-width:none}#container2 .block-chronology h3.title-year+h4.title-year-L,#container2 .block-chronology h3.title-year+h4.title-year-R{padding-top:0}#container2 .block-chronology h4.title-year-L,#container2 .block-chronology h4.title-year-R{width:100%;margin:0;justify-content:start !important}#container2 .block-chronology h4.title-year-L img,#container2 .block-chronology h4.title-year-R img{margin:0 0 0 -5px !important}#container2 .block-chronology h4.title-year-L .pc,#container2 .block-chronology h4.title-year-R .pc{display:none}#container2 .block-chronology h4.title-year-L .sp,#container2 .block-chronology h4.title-year-R .sp{display:block}#container2 .block-chronology .block-technology-L,#container2 .block-chronology .block-technology-R{width:calc(100% - 30px);margin:0 0 0 30px}#container2 .block-chronology .block-technology-L .box1,#container2 .block-chronology .block-technology-R .box1{flex-direction:column;gap:5px}#container2 .block-chronology .block-technology-L .box1 .txt a,#container2 .block-chronology .block-technology-R .box1 .txt a{font-size:108%}#container2 .block-chronology .block-technology-L .box1+.box1,#container2 .block-chronology .block-technology-R .box1+.box1{margin-top:20px}#container2 .block-chronology .block-technology-L .box1+.box2,#container2 .block-chronology .block-technology-R .box1+.box2{margin-top:20px}#container2 .block-chronology .block-technology-L .box2 ul,#container2 .block-chronology .block-technology-R .box2 ul{margin:8px 0 0 0}#container2 .block-chronology .block-technology-L .box2 .dekigoto,#container2 .block-chronology .block-technology-R .box2 .dekigoto{flex-direction:column}#container2 .block-chronology .block-technology-L .box2 .dekigoto p,#container2 .block-chronology .block-technology-R .box2 .dekigoto p{order:1}#container2 .block-chronology .block-technology-L .box2 .dekigoto picture,#container2 .block-chronology .block-technology-R .box2 .dekigoto picture{order:2}#container2 .block-chronology .block-technology-L .box2+.box1,#container2 .block-chronology .block-technology-R .box2+.box1{margin-top:20px}#container2 .block-chronology .block-technology-L .box2+.box2,#container2 .block-chronology .block-technology-R .box2+.box2{margin-top:20px}}#container2 .test-up{text-align:center}#container2 .test-up img{max-width:100%;height:auto}#container3{padding:70px 0;background-color:#fff}#container3 .block-title{display:flex;align-items:center;justify-content:center;margin-bottom:60px}@media(max-width: 767px){#container3 .block-title{margin-bottom:40px}#container3 .block-title img{max-width:206px;height:auto}}#container3 .inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px 60px;width:calc(100% - 60px);max-width:1200px;margin:0 auto}#container3 .inner a{display:block}#container3 .inner a picture img{aspect-ratio:360/280;height:auto;border-radius:10px}#container3 .inner a p{padding:20px 10px 15px 10px;font-size:115%;color:#000}#container3 .inner a:hover{text-decoration:none}#container3 .inner a:hover p{color:#337ab7}@media(max-width: 767px){#container3 .inner{grid-template-columns:1fr;width:calc(100% - 80px)}#container3 .inner a{max-width:348px;margin:0 auto}#container3 .inner a p{padding:20px 0 15px 0}}#sub-win-wrap{background-color:#fff;padding:100px;font-size:14px}#sub-win-wrap header h1{font-size:257.1428571429%;font-weight:bold;line-height:1.3em;color:#023792;border-bottom:1px solid #afafaf;margin-bottom:50px}#sub-win-wrap h2.sub{font-size:158%;font-weight:bold;line-height:1.3em;color:#000;margin-bottom:20px}#sub-win-wrap h2.color1,#sub-win-wrap h2.color2{display:flex;align-items:center;justify-content:start;min-height:36px;padding:0 20px;font-size:115%;font-weight:bold;line-height:1.3em;color:#fff;margin-bottom:20px}#sub-win-wrap h2.color1{background-color:#023792}#sub-win-wrap h2.color2{background-color:#009eed}#sub-win-wrap .maintxt p{font-size:115%;line-height:2em;margin-bottom:30px;color:#000}#sub-win-wrap .maintxt picture{display:flex;align-items:center;justify-content:center}#sub-win-wrap .maintxt picture img{height:auto}#sub-win-wrap .maintxt sup{font-weight:bold;vertical-align:middle;color:#1c5ab0;margin-right:5px}#sub-win-wrap .linkcolumn-type1 a.linkcolumn{display:grid;grid-template-columns:90px 1fr;gap:15px;align-items:start}#sub-win-wrap .linkcolumn-type1 a.linkcolumn picture{order:1;border:1px solid #afafaf}#sub-win-wrap .linkcolumn-type1 a.linkcolumn div{order:2}#sub-win-wrap .linkcolumn-type1 a.linkcolumn p.subtitle{color:#023792;font-size:100%;margin-bottom:6px}#sub-win-wrap .linkcolumn-type1 a.linkcolumn p.txt{font-size:129%;font-weight:bold;color:#000}#sub-win-wrap .linkcolumn-type1 a.linkcolumn:hover{text-decoration:none}#sub-win-wrap .linkcolumn-type1 a.linkcolumn:hover p.subtitle{color:#023792}#sub-win-wrap .linkcolumn-type1 a.linkcolumn:hover p.txt{color:#337ab7;text-underline-offset:3px;text-decoration:underline}#sub-win-wrap .linkcolumn-type2 a.linkcolumn{display:grid;grid-template-columns:160px 1fr;gap:15px;align-items:start;text-decoration:none}#sub-win-wrap .linkcolumn-type2 a.linkcolumn picture{order:1;border:1px solid #afafaf}#sub-win-wrap .linkcolumn-type2 a.linkcolumn div{order:2}#sub-win-wrap .linkcolumn-type2 a.linkcolumn p.subtitle{color:#009eed;font-size:100%;margin-bottom:6px}#sub-win-wrap .linkcolumn-type2 a.linkcolumn p.subtitle span{font-size:115%;font-family:Arial,Helvetica,sans-serif}#sub-win-wrap .linkcolumn-type2 a.linkcolumn h3{color:#000;font-size:129%;font-weight:bold;line-height:1.5em;margin-bottom:15px}#sub-win-wrap .linkcolumn-type2 a.linkcolumn p.txt{font-size:100%;color:#000;line-height:1.85em}#sub-win-wrap .linkcolumn-type2 a.linkcolumn:hover{text-decoration:none}#sub-win-wrap .linkcolumn-type2 a.linkcolumn:hover p.subtitle{color:#009eed}#sub-win-wrap .linkcolumn-type2 a.linkcolumn:hover h3{color:#337ab7;text-underline-offset:3px;text-decoration:underline}#sub-win-wrap .linkcolumn-type2 a.linkcolumn:hover p.txt{color:#000}@media(max-width: 767px){#sub-win-wrap{padding:30px}#sub-win-wrap .linkcolumn-type1 a.linkcolumn p.txt{font-size:100%}#sub-win-wrap .linkcolumn-type2 a.linkcolumn{grid-template-columns:1fr}#sub-win-wrap .linkcolumn-type2 a.linkcolumn picture img{width:100%;height:auto}}.fadeUp{opacity:0;transform:translateY(80px);transition:opacity .8s,transform .8s}.fadeUp.inview{opacity:1;transform:translateY(0);transition-delay:.2s}