﻿.arrow-down_css{position:relative;display:inline-block}.arrow-down_css:before,.arrow-down_css:after{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle}.arrow-down_css:before{-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;top:-7px;left:-7px;width:14px;height:14px;border-top:2px solid #fd6a3c;border-right:2px solid #fd6a3c;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}#technology .lead{border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:4rem 0;margin:3rem auto 0}@media screen and (max-width: 768px){#technology .lead{width:100%}}@media screen and (max-width: 767px){#technology .lead{padding:3rem 0}}#technology .lead p{font-size:1.5rem;line-height:2.3rem;line-height:2.8rem;max-width:1040px;margin:0 auto;padding:0 2rem;text-align:center}@media screen and (max-width: 768px){#technology .lead p{padding:0 1rem}}#technology .lead p:not(:first-child){margin-top:.7rem}@media screen and (max-width: 768px){#technology .lead p{text-align:left}#technology .lead p:not(:first-child){margin-top:1rem}}@media screen and (max-width: 414px){#technology .lead p{line-height:2.4rem}}#technology .btn{margin:3rem auto 0;width:234px}@media screen and (max-width: 768px){#technology .btn{margin:3rem auto 0}}@media screen and (max-width: 414px){#technology .btn{margin:2rem auto 0}}#technology-list{margin-top:7rem}@media screen and (max-width: 768px){#technology-list{margin-top:4rem}}@media screen and (max-width: 414px){#technology-list{margin-top:3rem}}#technology-list ul li{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:6rem;padding-bottom:6rem;border-bottom:1px solid #dedede}@media screen and (max-width: 767px){#technology-list ul li{-webkit-flex-direction:column;flex-direction:column;margin-bottom:4rem;padding-bottom:4rem}}@media screen and (max-width: 414px){#technology-list ul li{margin-bottom:3rem;padding-bottom:3rem}}#technology-list ul li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}#technology-list ul li .image{width:45%}@media screen and (max-width: 767px){#technology-list ul li .image{width:100%;margin-bottom:2rem}}#technology-list ul li .texts{width:48%;position:relative}@media screen and (max-width: 767px){#technology-list ul li .texts{width:100%}}#technology-list ul li .texts .backtext{position:absolute;top:5rem;right:0;font-size:15rem;font-family:"Yu Mincho","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",Georgia,serif;color:#fd6a3c;opacity:.2}@media screen and (max-width: 767px){#technology-list ul li .texts .backtext{top:4rem;font-size:12rem}}#technology-list ul li .texts h2{display:block;font-size:2.4rem;line-height:3.3rem;font-family:"Yu Mincho","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",Georgia,serif}@media screen and (max-width: 414px){#technology-list ul li .texts h2{font-size:1.9rem;line-height:2.8rem}}#technology-list ul li .texts h2 span{display:block;font-size:1.9rem;line-height:2.8rem}@media screen and (max-width: 414px){#technology-list ul li .texts h2 span{font-size:1.5rem;line-height:2.3rem}}#technology-list ul li .texts .detail{margin-top:2rem}@media screen and (max-width: 414px){#technology-list ul li .texts .detail{margin-top:1.5rem}}#technology-list ul li .texts .btn{margin:2rem 0 0;width:274px}@media screen and (max-width: 767px){#technology-list ul li .texts .btn{width:100%}}.btn.seikyu{width:244px;margin-top:5rem}@media screen and (max-width: 768px){.btn.seikyu{width:214px}}
