@media (min-width: 768px){.c-pagename--small{height:344px}.c-pagename--small .c-pagename-box{clip-path:polygon(78px 0, 100% 0, calc(100% - 78px) 100%, 0 100%);padding:25px 103px 25px 90px}.c-pagename--small .c-pagename-box__catch{font-size:40px;font-size:4rem;line-height:1.45em;letter-spacing:.06em;font-weight:900}.c-pagename--small .c-pagename__img{clip-path:polygon(118px 0, 100% 0, 100% 100%, 0 100%)}.c-breadcrumb{padding:9px 0}}.sec-about{position:relative;overflow:hidden;margin-top:-30px;z-index:1;padding-bottom:420px}@media (max-width: 767px){.sec-about{margin-top:-30px;padding-bottom:0}}.sec-about .custom-box{display:flex;flex-wrap:wrap}.sec-about .custom-box .custom-box-img{width:745px;margin-left:-329px;position:relative}.sec-about .custom-box .custom-box-img:before{content:'';width:440px;height:100%;background:#e7344a;position:absolute;top:328px;left:-202px;transform:skewX(-31deg);z-index:-1}@media only screen and (max-width: 1160px){.sec-about .custom-box .custom-box-img{width:680px}}.sec-about .custom-box .txtbox{width:calc(100% - 416px)}@media only screen and (max-width: 1160px){.sec-about .custom-box .txtbox{width:calc(100% - 360px)}}@media (max-width: 767px){.sec-about .custom-box .custom-box-img{width:250px;margin-left:-110px}.sec-about .custom-box .custom-box-img:before{width:100px;height:210px;top:122px;left:0}.sec-about .custom-box .txtbox{width:calc(100% - 140px)}}.sec-about .txtbox{padding-top:63px;padding-left:9px}.sec-about .txtbox .ttl{font-size:30px;font-size:3rem;line-height:1.33333em;letter-spacing:.03em;font-weight:700}@media only screen and (max-width: 880px){.sec-about .txtbox .ttl{font-size:20px;font-size:2rem;line-height:1.5em;letter-spacing:.03em;font-weight:700}}.sec-about .txtbox .txt{margin-top:15px}@media (max-width: 767px){.sec-about .txtbox{padding-top:35px;padding-left:0}.sec-about .txtbox .ttl{font-size:15px;font-size:1.5rem;line-height:2em;letter-spacing:0em;font-weight:700}}@media only screen and (max-width: 767px) and (max-width: 368px){.sec-about .txtbox .ttl{font-size:13px;font-size:1.3rem;line-height:2em;letter-spacing:0em;font-weight:700}}@media (max-width: 767px){.sec-about .txtbox .txt{margin-left:-140px;font-size:15px;font-size:1.5rem;line-height:2em;letter-spacing:0em;font-weight:400}}.sec-about .icon-deco{font-size:0;line-height:1;margin-top:22px}@media (max-width: 767px){.sec-about .icon-deco{margin-top:15px}}.sec-feature{position:relative;margin-top:-306px;padding-bottom:80px}.sec-feature:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:560px solid #000000;border-left:300px solid transparent;z-index:-1}@media (max-width: 767px){.sec-feature{margin-top:50px;padding-bottom:60px}.sec-feature:after{border-bottom:260px solid #000000;border-left:200px solid transparent}}.sec-feature .ttl-main{text-align:center;font-size:30px;font-size:3rem;line-height:1.46667em;letter-spacing:.03em;font-weight:900}.sec-feature .icon-deco{text-align:center;margin-top:10px}@media (max-width: 767px){.sec-feature .icon-deco{margin-top:0}}.sec-feature .txt-main{max-width:700px;width:100%;margin:12px auto 0}@media (max-width: 767px){.sec-feature .txt-main{margin-top:10px;font-size:15px;font-size:1.5rem;line-height:2em;letter-spacing:0em;font-weight:400}}.sec-feature .itembox{max-width:1000px;width:100%;margin:55px auto 0}@media (max-width: 767px){.sec-feature .itembox{margin-top:40px}}.sec-feature .itembox .item{margin-bottom:30px;padding:20px 20px 18px;background:#fff;border:1px solid #B5B5B5}.sec-feature .itembox .item:last-child{margin-bottom:0}@media (min-width: 768px){.sec-feature .itembox .item{display:flex}.sec-feature .itembox .item .img{width:280px}.sec-feature .itembox .item .img img{width:100%}.sec-feature .itembox .item .txtbox{width:calc(100% - 280px);padding-right:40px;padding-top:11px}}@media (max-width: 767px){.sec-feature .itembox .item{margin-bottom:20px}}.sec-feature .itembox .img img{width:100%}@media (max-width: 767px){.sec-feature .itembox .img{margin-top:15px}}.sec-feature .itembox .ttl{position:relative;padding-left:80px;font-size:24px;font-size:2.4rem;line-height:1.45833em;letter-spacing:.03em;font-weight:700}.sec-feature .itembox .ttl .txt-en{position:absolute;left:0;top:-9px;font-size:60px;font-size:6rem;line-height:1em;letter-spacing:0em;font-weight:400;font-family:"Roboto Condensed", serif;font-style:italic;color:#E7344A}@media (max-width: 767px){.sec-feature .itembox .ttl{padding-left:45px;font-size:17px;font-size:1.7rem;line-height:1.76471em;letter-spacing:0em;font-weight:700}.sec-feature .itembox .ttl .txt-en{top:-4px;font-size:40px;font-size:4rem;line-height:1em;letter-spacing:0em;font-weight:400}}@media only screen and (max-width: 767px) and (max-width: 365px){.sec-feature .itembox .ttl{font-size:16px;font-size:1.6rem;line-height:1.75em;letter-spacing:0em;font-weight:700}}.sec-feature .itembox .txt{margin-top:23px}@media (max-width: 767px){.sec-feature .itembox .txt{margin-top:15px;font-size:15px;font-size:1.5rem;line-height:2em;letter-spacing:0em;font-weight:400}}.sec-value{padding:80px 0 50px;background:#EFEFEF}@media (max-width: 767px){.sec-value{padding-top:60px}}@media (min-width: 768px){.sec-value .inner{padding:0 30px}}.sec-value .ttl-main{text-align:center;font-size:30px;font-size:3rem;line-height:1.46667em;letter-spacing:.03em;font-weight:900}@media only screen and (max-width: 365px){.sec-value .ttl-main{font-size:28px;font-size:2.8rem;line-height:1.42857em;letter-spacing:0em;font-weight:900}}.sec-value .icon-deco{text-align:center;margin-top:10px}@media (max-width: 767px){.sec-value .icon-deco{margin-top:0}}.sec-value .itembox{margin-top:56px}@media (min-width: 768px){.sec-value .itembox{display:flex;flex-wrap:wrap}.sec-value .itembox .item{width:calc(50% - 15px);background:#fff;padding:33px 40px 29px;margin-bottom:30px}.sec-value .itembox .item:nth-child(odd){margin-right:15px}.sec-value .itembox .item:nth-child(even){margin-left:15px}}@media (max-width: 767px){.sec-value .itembox{margin-top:30px}.sec-value .itembox .item{margin-bottom:40px}.sec-value .itembox .item:last-child{margin-bottom:0}}.sec-value .img img{width:100%}.sec-value .txtbox{margin-top:21px}.sec-value .txtbox .ttl{font-size:20px;font-size:2rem;line-height:1.45em;letter-spacing:0em;font-weight:700}.sec-value .txtbox .txt{margin-top:15px}@media (max-width: 767px){.sec-value .txtbox{margin-top:15px}.sec-value .txtbox .ttl{font-size:16px;font-size:1.6rem;line-height:1.75em;letter-spacing:0em;font-weight:700}.sec-value .txtbox .txt{margin-top:10px;font-size:15px;font-size:1.5rem;line-height:2em;letter-spacing:0em;font-weight:400}}.sec-value .btn-more{margin-top:25px;text-align:center}.sec-value .btn-more a{margin:0 auto;display:inline-block;width:auto}.sec-value .btn-more a span{padding:11px 65px 13px;font-size:18px;font-size:1.8rem;line-height:1.44444em;letter-spacing:0em;font-weight:700}.sec-value .btn-more a .c-arrow{right:17px}@media (max-width: 767px){.sec-value .btn-more a span{font-size:16px;font-size:1.6rem;line-height:1.625em;letter-spacing:0em;font-weight:700}.sec-value .btn-more a .c-arrow{margin-top:-7px}}.sec-product{height:333px;background:url(../../img/teccell/img10.jpg) center no-repeat;background-size:cover;position:relative;z-index:1;text-align:center;color:#fff;padding-top:71px}@media (max-width: 767px){.sec-product{height:300px;padding-top:50px}}.sec-product .ttl-main{font-size:30px;font-size:3rem;line-height:1.46667em;letter-spacing:0em;font-weight:900}@media (max-width: 767px){.sec-product .ttl-main{font-size:24px;font-size:2.4rem;line-height:1.41667em;letter-spacing:0em;font-weight:900}}@media only screen and (max-width: 767px) and (max-width: 365px){.sec-product .ttl-main{font-size:22px;font-size:2.2rem;line-height:1.36364em;letter-spacing:0em;font-weight:900}}.sec-product .txt{margin-top:20px;font-size:20px;font-size:2rem;line-height:1.45em;letter-spacing:0em;font-weight:500}@media (max-width: 767px){.sec-product .txt{font-size:15px;font-size:1.5rem;line-height:2em;letter-spacing:0em;font-weight:500}}.sec-product .btn-more{margin-top:40px}.sec-product .btn-more a{max-width:460px;width:100%;margin:0 auto}.sec-product .btn-more a span{padding:13px 0 14px}.sec-product .btn-more a .c-arrow{right:18px}@media (max-width: 767px){.sec-product .btn-more{margin-top:30px}.sec-product .btn-more a{max-width:460px;width:100%;margin:0 auto}.sec-product .btn-more a span{padding:11px 0 13px;font-size:16px;font-size:1.6rem;line-height:1.625em;letter-spacing:0em;font-weight:700}}
