/* CSS Document */
@charset "UTF-8";

@font-face {
	font-family: 'amarurgt';
	src: url(../font/amarurgt.ttf);
}


.sp_only{display: none;}
.c_link01{display:block;font-size:14px;line-height:20px;width:230px;height:50px;text-align:center;padding:14px 0;background:#000;color:#FFF;box-sizing: border-box;transition:0.5s;}
.c_link01:hover{background:#F78C40;}

.c_objectfit_cover img{object-fit: cover;width:100%;height:100%;}
.c_objectfit_contain img{object-fit: contain;width:100%;height:100%;}

.svg_link{width:15px;height:15px;fill:#FFF;}

.ropa{font-family: 'Ropa Sans', sans-serif;}
.amarurgt{font-family: 'amarurgt', sans-serif;}

header{position:relative;z-index:100;}
header .logos{position: absolute;top:0;left:0;display:flex;}
header .logo01{width:100px;margin-right:15px;}
header .logo02{width:140px;align-self:center;}
header #humb{display:none;}
header .navi{position: absolute;top:20px;right:0;display:flex;padding-right:100px;}
header .navi a{display:block;text-align:center;font-size:12px;color:#FFF;padding:10px;margin: 0 10px;letter-spacing:0.075em;}
header .navi a span{display:block;font-size:15px;color:#F78C40;letter-spacing:0.1em;margin-bottom:5px;}
header .navi a:hover{border-bottom:2px solid #F78C40;}

:not(.top) > footer{margin-top:100px;}
footer{background:#111;color:#FFF;position:relative;z-inde:3;padding-top:40px;}
footer .wrap{width:1100px;max-width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:30px;}
footer .logo{width:170px;margin-bottom:20px;}
footer .address{font-size:12px;margin-bottom:10px;letter-spacing:0.1em;}
footer .tels{font-size:12px;display:flex;margin-bottom:10px;}
footer .tels span{color:#F78C40;padding-right:3px;}
footer .tel{margin-right:10px;}
footer .navi{display:flex;width:calc(100% - 200px);max-width:570px;justify-content:space-between;font-size:12px;letter-spacing:0.075em;}
footer .navi span{display:block;font-size:15px;letter-spacing:0.1em;margin-bottom:5px;}
footer .navi a{transition:0.5s;}
footer .navi a:hover{color:#F78C40;}
footer .copyright{font-size:12px;line-height:20px;padding:10px;width:100%;box-sizing:border-box;text-align:center;background:#000;color:#939393;letter-spacing:0.1em;text-align:right;}
footer .totop{position:absolute;right:0;top:-50px;width:50px;height:50px;background:#111;color:#FFF;text-align:center;line-height:50px;}

.top .sec_hero{padding-right: 50px;position:relative;}
.top .sec_hero .titles{width:1150px;max-width:100%;padding-left:25px;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFF;}
.top .sec_hero .etitle{font-size:92px;line-height:94px;letter-spacing:0.05em;margin-bottom:45px;}
.top .sec_hero .title{font-size:26px;font-weight:bold;letter-spacing:0.4em;}
.top .sec_hero .scroll{font-size:12px;position:absolute;bottom:60px;right:60px;transform-origin:right top;transform:rotate(90deg);color:#FFF;padding-left:45px;}
.top .sec_hero .scroll::before{content:"";height:1px;width:35px;position:absolute;top:calc(50% - 0.5px);left:0;background:linear-gradient(to right, #FFF 0 ,#FFF 35px, transparent 35px , transparent 70px);background-size:70px 70px;animation: ani-scroll 2s linear 500ms infinite;}

.top .sec_hero .gallwrap{position:relative;z-index:-1;}
.top .sec_hero .gallitems{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.top .sec_hero .gallitems .img{position:absolute;top:0;width:100%;height:100%;transition:1s;z-index:-1;}
.top .sec_hero .gallitems .img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.top .sec_hero .gallitems .img:nth-child(1){left:-100%;}
.top .sec_hero .gallitems .img:nth-child(2){left:0%;}
.top .sec_hero .gallitems .img:nth-child(n + 3){left:100%;}


@keyframes ani-scroll {
  0% {background-position-x:0;}
  100% {background-position-x:70px;}
}
.top .sec_company{position:relative;padding:70px 0;margin: 50px auto;}
.top .sec_company .wrap{width:1200px;max-width:100%;margin: 0 auto;}
.top .sec_company .texts{width:660px;max-width:100%;padding:50px;box-sizing:border-box;background:linear-gradient(-45deg, transparent 35px , #FFF 35px);}
.top .sec_company .titles{display:flex;margin-bottom:35px;}
.top .sec_company .etitle{font-size:70px;margin-right:20px;letter-spacing:0.05em;}
.top .sec_company .title{font-size:18px;font-weight:bold;align-self:flex-end;padding-bottom: 9px;letter-spacing:0.1em;}
.top .sec_company .text{font-size:14px;line-height:26px;font-weight:bold;text-align:justify;padding-left:30px;border-left:5px solid #F78C40;margin-bottom:40px;letter-spacing:0.1em;}
.top .sec_company .link{font-size:14px;width:230px;height:50px;}
.top .sec_company .img{position:absolute;top:0;right:0;z-index:-1;width:calc(170px + 50%);height:100%;}

.top .sec_about{position:relative;padding:70px 0;margin: 50px auto;}
.top .sec_about .wrap{width:1200px;max-width:100%;margin: 0 auto;}
.top .sec_about .texts{width:660px;max-width:100%;padding:50px 50px 50px 120px;box-sizing:border-box;background:linear-gradient(45deg, transparent 35px , #FFF 35px);margin: 0 0 0 auto;}
.top .sec_about .titles{display:flex;margin-bottom:35px;}
.top .sec_about .etitle{font-size:70px;margin-right:20px;letter-spacing:0.05em;}
.top .sec_about .title{font-size:18px;font-weight:bold;align-self:flex-end;padding-bottom: 9px;letter-spacing:0.1em;}
.top .sec_about .text{font-size:14px;line-height:26px;font-weight:bold;text-align:justify;padding-left:30px;border-left:5px solid #F78C40;margin-bottom:40px;letter-spacing:0.1em;}
.top .sec_about .link{font-size:14px;width:230px;height:50px;}
.top .sec_about .img{position:absolute;top:0;left:0;z-index:-1;width:calc(170px + 50%);height:100%;}

.top .sec_works{overflow:hidden;position:relative;padding-bottom:50px;}
.top .sec_works::before{content:"";width:calc(50% - 170px);min-width:500px;background:#F78C40;height:180px;position:absolute;top:0;left:0;transform:translateX(300px - 100%);z-index:-1;}
.top .sec_works::after{content:"";width:100%;height:calc(100% - 90px);position:absolute;bottom:0;left:0;background:url("../img/top/work_bg.jpg") repeat;background-size:2800px 1170px;z-index:-2;}
.top .sec_works .titles{width:1100px;max-width:100%;margin: 0 auto;padding:50px 0 30px;position:relative;color:#FFF;display:flex;}
.top .sec_works .etitle{font-size:70px;margin-right:20px;letter-spacing:0.05em;}
.top .sec_works .title{font-size:18px;font-weight:bold;align-self:flex-end;color:#FFF;padding-bottom: 9px;letter-spacing:0.1em;}
.top .sec_works .items{width:1100px;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.top .sec_works .item{width:510px;max-width:calc(50% - 10px);}
.top .sec_works .img{margin-bottom:-35px;height:340px;overflow:hidden;}
.top .sec_works img{transition:0.5s;}
.top .sec_works a:hover img{transform:scale(1.1);}
.top .sec_works .texts{display:block;padding:15px;background:linear-gradient(-45deg, #F78C40 7px , #FFF 7px);width:calc(100% - 60px);position:relative;z-index:2;box-sizing: border-box;}
/*.top .sec_works .texts::before{content:"";width:0;height:3px;background:#F78C40;position:absolute;bottom:0;right:0;transition: 1s;}*/
/*.top .sec_works a:hover .texts::before{width:100%;}*/
.top .sec_works .date{font-size:12px;color:#A0A0A0;}
.top .sec_works .text{}
.top .sec_works .link{margin:50px auto 0;}

.top .sec_products{padding:30px 0;background:linear-gradient(to top, #F78C40 270px,transparent 270px);}
.top .sec_products .titles{text-align:center;margin: 0 auto 35px;}
.top .sec_products .etitle{font-size:70px;margin-right:20px;letter-spacing:0.05em;}
.top .sec_products .title{font-size:18px;font-weight:bold;letter-spacing:0.1em;}
.top .sec_products .items{width:700px;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.top .sec_products .item{width:330px;max-width:calc(50% - 10px);}
.top .sec_products .img{height:220px;margin-bottom:10px;overflow:hidden;}
.top .sec_products img{transition:0.5s;}
.top .sec_products a:hover img{transform:scale(1.1);}
.top .sec_products .texts{position:relative;}
/*.top .sec_products .texts::before{content:"";width:0;height:3px;background:#FFF;position:absolute;bottom:0;left:0;transition: 1s;}*/
/*.top .sec_products a:hover .texts::before{width:100%;}*/
.top .sec_products .text{font-size:14px;font-weight:bold;color:#000000;}
.top .sec_products .link{margin: 40px auto 0;}

.top .sec_contact{background:url("../img/common/contact_bg.jpg") no-repeat;background-size:cover;background-position:center;position:relative;padding:75px 0;}
.top .sec_contact .link{display:block;width:700px;max-width:100%;height:100px;font-size:18px;font-weight:bold;color:#F78C40;letter-spacing:0.1em;line-height:50px;text-align:center;padding:20px 0;border:5px solid #F78C40;box-sizing:border-box;margin: 0 auto;position:relative;z-index:2;}
.top .sec_contact .link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#FFF;z-index:-2;transition:0.5s;}
.top .sec_contact .link:hover::before{background:#FFF3EB;}
.top .sec_contact .link::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/common/contact.png") no-repeat;background-size:350px 70px;background-position:center;z-index:-1;}
.top .sec_contact .deco{position:absolute;bottom:-45px;right:100px;width:150px;}


.sec_hero.sub01{padding-right: 50px;position:relative;padding-bottom:35px;}
.sec_hero.sub01::before{content:"";width:calc(100% - 50px);height:calc(100% - 85px);position:absolute;bottom:0;right:0;background:linear-gradient(45deg, transparent 35px , #F78C40 35px);z-index:-1;}
.sec_hero.sub01 .titles{width:1000px;max-width:100%;padding-left:25px;box-sizing:border-box;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:#FFF;text-align:center;}
.sec_hero.sub01 .etitle{font-size:70px;letter-spacing:0.05em;}
.sec_hero.sub01 .title{font-size:18px;font-weight:bold;}

.sec_hero.sub02{padding-right: 50px;position:relative;}
.sec_hero.sub02::before{content:"";width:calc(100% - 50px);height:100px;position:absolute;top:0;left:0;background:linear-gradient(-45deg, transparent 35px , #000 35px);z-index:-1;}
.sec_hero.sub02 .titles{width:1000px;max-width:100%;padding-left:25px;padding-top:145px;padding-bottom:40px;box-sizing:border-box;color:#000;text-align:center;margin: 0 auto;}
.sec_hero.sub02 .etitle{font-size:70px;letter-spacing:0.05em;}
.sec_hero.sub02 .title{font-size:18px;font-weight:bold;}

.company .sec01{width:1100px;max-width:100%;margin: 40px auto;}
.company .sec01 .title{font-size:20px;line-height:25px;font-weight:bold;border-left:3px solid #F78C40;padding-left:15px;margin-bottom:30px;}
.company .sec01 .place{padding-bottom:30px;margin-bottom:30px;border-bottom: 1px solid #EAEAEA;}
.company .sec01 .place:last-child{border-bottom:none;}
.company .sec01 .name{font-size:18px;margin-bottom:15px;}
.company .sec01 .detail{display:flex;flex-wrap:wrap;justify-content:space-between;}
.company .sec01 iframe{width:450px;max-width:100%;height:300px;}
.company .sec01 .texts{width:calc(100% - 475px);font-size:14px;line-height:30px;letter-spacing:0.1em;}
.company .sec01 .texts span{color:#999999;margin-right:10px;}
.company .sec01 .address{}
.company .sec01 .address img{width:72px;margin: 5px 5px 5px 15px;}
.company .sec01 .tel{}
.company .sec01 .fax{}
.company .sec01 .ceo{}
.company .sec01 .phone{}



.about .sec01{width:1100px;max-width:100%;margin: 0 auto 150px;}
.about .sec01 .intro{font-size:14px;line-height:26px;letter-spacing:0.1em;font-weight:bold;width:700px;max-width:100%;margin: 50px auto;}
.about .sec01 .items{}
.about .sec01 .item{display:flex;justify-content:space-between;margin:60px auto;}
.about .sec01 .item:nth-child(2n) .img{order:2;}
.about .sec01 .img{width:500px;max-width:100%;}
.about .sec01 .texts{width:550px;max-width:calc(100% - 520px);align-self:center;}
.about .sec01 .title{font-size:24px;line-height:44px;font-weight:bold;letter-spacing:0.1em;background:linear-gradient(to top ,#000 3px ,transparent 3px);display:inline;}
.about .sec01 .text{font-size:14px;line-height:26px;margin-top:30px;letter-spacing:0.1em;text-align: justify;}

.products{background:url("../img/products/bg.jpg") repeat;background-size: 320px 320px;}
.products .sec01{width:1100px;max-width:100%;margin: 0 auto;}
.products .sec01 .intro{font-size:14px;font-weight:bold;text-align:center;margin: 0px auto;}
.products .sec01 .items{margin:60px auto;}
.products .sec01 .item{display:flex;flex-wrap:wrap;justify-content:space-between;padding:25px;position:relative;background:#FFF;}
.products .sec01 .item + .item{margin-top:40px;}
.products .sec01 .img{width:470px;max-width:100%;height:310px;overflow:hidden;}
.products .sec01 .img img{transition:0.5s;}
.products .sec01 .img a:hover img{transform:scale(1.1);}
.products .sec01 .texts{width:550px;max-width:calc(100% - 520px);}
.products .sec01 .title{font-size:18px;line-height:45px;max-height:45px;overflow:hidden;display:block;letter-spacing:0.1em;background:linear-gradient(to right ,#F78C40 3px ,#F1F1F1 3px);padding-left:15px;}
.products .sec01 .name{font-size:14px;line-height:26px;font-weight:bold;letter-spacing:0.1em;margin-top:10px;margin-bottom:10px;}
.products .sec01 .text{font-size:14px;line-height:26px;letter-spacing:0.1em;max-height:182px;overflow:hidden;}
.products .sec01 .link{position:absolute;bottom:25px;right:25px;transition:0.5s;}
/*.products .sec01 .link::before{content:"";width:0;height:3px;background:#F78C40;position:absolute;bottom:0;left:0;transition: 1s;}*/
.products .sec01 .link:hover{color:#F78C40;}
.products .sec01 .link i{color:#F78C40;padding-left:10px;}

.product{background:url("../img/products/bg.jpg") repeat;background-size: 320px 320px;}
.product .sec01{width:1100px;max-width:100%;margin: 0 auto;}
.product .sec01 .intro{font-size:14px;font-weight:bold;text-align:center;margin: 0px auto;}
.product .sec01 .item{padding:25px;position:relative;background:#FFF;margin:60px auto;text-align:center;}
.product .sec01 .title{font-size:24px;letter-spacing:0.1em;font-weight:bold;display:inline-block;border-bottom:3px solid #000;padding-bottom:2px;margin-bottom:30px;}
.product .sec01 .name{font-size:20px;line-height:26px;font-weight:bold;letter-spacing:0.1em;margin-top:40px;margin-bottom:10px;text-align:justify;padding-left:10px;border-left:3px solid #F78C40;}
.product .sec01 .read{font-size:14px;line-height:26px;letter-spacing:0.1em;text-align:justify;}
.product .sec01 .steps{display:flex;justify-content:space-between;flex-wrap:wrap;}
.product .sec01 .step{width:calc((100% - 30px) / 3);margin-bottom:15px;}
.product .sec01 .steps::after{content:"";width:calc((100% - 30px) / 3);}
.product .sec01 .num{font-size:24px;line-height:26px;letter-spacing:0.1em;text-align:justify;color:#F78C40;margin-bottom:5px;}
.product .sec01 .text{font-size:12px;line-height:22px;letter-spacing:0.1em;text-align:justify;}
.product .sec01 iframe{width:100%;height:550px;margin-bottom:30px;}
.product .sec01 .link01{display:block;font-size:14px;line-height:16px;padding:17px 0;width:450px;max-width:100%;margin: 20px auto;background:#F78C40;color:#FFF;transition:0.5s;}
.product .sec01 .link01:hover{opacity:0.6;}
.product .sec01 .link02{display:block;font-size:14px;line-height:16px;padding:17px 0;width:450px;max-width:100%;margin: 20px auto;background:#EF6926;color:#FFF;transition:0.5s;}
.product .sec01 .link02:hover{opacity:0.6;}
.product .sec01 .link03{display:block;font-size:12px;line-height:15px;padding:10px 0;width:100px;max-width:100%;margin: 20px auto;border:1px solid #E9E9E9;color:#000;transition:0.5s;}
.product .sec01 .link03:hover{background:#F78C40;}



.product .sec01 .js-main{width:100%;padding-bottom:66%;position:relative;margin: 0 auto;overflow:hidden;}
.product .sec01 .js-main .js-item{position:absolute;top:0;width:100%;transition:0.5s;background:#EEE;height:100%;}
.product .sec01 .js-handle{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}

.product .sec01 .js-prev{position:absolute;top:calc(50% - 17.5px);left:0;z-index:11;width:35px;height:35px;transition:0.5s;background:#FFF;color:#F68B40;}
.product .sec01 .js-next{position:absolute;top:calc(50% - 17.5px);right:0;z-index:11;width:35px;height:35px;transition:0.5s;background:#FFF;color:#F68B40;}
.product .sec01 .js-prev:hover{background:rgba(255,255,255,0.2);}
.product .sec01 .js-next:hover{background:rgba(255,255,255,0.2);}
.product .sec01 .js-prev >*{position:absolute;top:50%;left:50%;transform:translate(-65%,-50%) scale(1,2);font-size:10px;}
.product .sec01 .js-next >*{position:absolute;top:50%;left:50%;transform:translate(-35%,-50%) scale(1,2);font-size:10px;}

.product .sec01 .js-thum{display:flex;width:calc(100% + 12px);margin: 12px auto;position:relative;}
.product .sec01 .js-thum .js-item{width:calc((100% - 60px) / 6);padding-bottom:calc((100% - 60px) / 9);margin-right:12px;position:relative;}
.product .sec01 .js-item img{position:absolute;height:100%;top:0;left:0;}
.product .sec01 .js-main .js-item img{object-fit:contain;}
.product .sec01 .js-thum .js-item img{object-fit:cover;}

.product .sec01 .js-on{border:3px solid #000;box-sizing:border-box;}

.works{background:url("../img/products/bg.jpg") repeat;background-size: 320px 320px;}
.works .sec01{width:1100px;max-width:100%;margin: 0 auto;position:relative;}
.works .sec01 .etitle{width:196px;margin-right:20px;}
.works .sec01 .title{font-size:18px;font-weight:bold;align-self:flex-end;color:#FFF;}
.works .sec01 .items{width:1100px;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.works .sec01 .item{width:510px;max-width:calc(50% - 10px);margin-bottom:60px;}
.works .sec01 .img{margin-bottom:-35px;height:340px;overflow:hidden;}
.works .sec01 .texts{padding:15px;background:linear-gradient(-45deg, #F78C40 7px , #FFF 7px);width:calc(100% - 60px);position:relative;z-index:2;box-sizing:border-box;}
/*.works .sec01 .texts::before{content:"";width:0;height:3px;background:#F78C40;position:absolute;bottom:0;right:0;transition: 1s;}*/
/*.works .sec01 a:hover .texts::before{width:100%;}*/
.works .sec01 img{transition:0.5s;}
.works .sec01 a:hover img{transform:scale(1.1);}
.works .sec01 .date{font-size:12px;color:#A0A0A0;letter-spacing:0.075em;}
.works .sec01 .text{}
.works .sec01 .link{margin:50px auto 0;}
.works .sec01 .pagenation{display:flex;justify-content:center;}
.works .sec01 .pagenation * {width:35px;height:35px;text-align:center;font-size:14px;line-height:21px;padding:7px 0;box-sizing:border-box;margin:0 3px;}
.works .sec01 .pagenation p:not(.point) {color:#FFF;background:#F78C40;}
.works .sec01 .pagenation a {background:#FFF;}
.works .sec01 .pagenation .point {width:auto;}
.works .sec01 .pagenation a:hover{color:#FFF;background:#F78C40;}

.work{background:url("../img/products/bg.jpg") repeat;background-size: 320px 320px;}
.work .sec01{width:1100px;max-width:100%;margin: 0 auto;}
.work .sec01 .item{padding:25px;position:relative;background:#FFF;text-align:center;}
.work .sec01 .date{font-size:12px;letter-spacing:0.075em;text-align:center;margin: 0px auto 20px;color:#A0A0A0;}
.work .sec01 .title{font-size:24px;letter-spacing:0.1em;font-weight:bold;display:inline-block;border-bottom:3px solid #000;padding-bottom:2px;margin-bottom:30px;}
.work .sec01 .name{font-size:20px;line-height:26px;font-weight:bold;letter-spacing:0.1em;margin-top:40px;margin-bottom:10px;text-align:justify;padding-left:10px;border-left:3px solid #F78C40;}
.work .sec01 .read{font-size:14px;line-height:26px;letter-spacing:0.1em;text-align:justify;}
.work .sec01 .links{display:flex;justify-content:center;margin-top:70px;}
.work .sec01 .links >*{display:block;font-size:12px;line-height:15px;padding:10px 0;max-width:100%;margin: 0 5px;}
.work .sec01 .links >p{border:1px solid #BFBFBF;background:#BFBFBF;color:#FFF;}
.work .sec01 .links >a{border:1px solid #E9E9E9;color:#000;}
.work .sec01 .links >a:hover{background:#E9E9E9;color:#FFF;}
.work .sec01 .link01{width:65px;}
.work .sec01 .link02{width:100px;}
.work .sec01 .link03{width:65px;}

.work .sec01 .js-main{width:100%;padding-bottom:66%;position:relative;margin: 0 auto;overflow:hidden;}
.work .sec01 .js-main .js-item{position:absolute;top:0;width:100%;transition:0.5s;background:#EEE;height:100%;}
.work .sec01 .js-handle{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
.work .sec01 .js-prev{position:absolute;top:calc(50% - 17.5px);left:0;z-index:11;width:35px;height:35px;transition:0.5s;background:#FFF;color:#F68B40;}
.work .sec01 .js-next{position:absolute;top:calc(50% - 17.5px);right:0;z-index:11;width:35px;height:35px;transition:0.5s;background:#FFF;color:#F68B40;}
.work .sec01 .js-prev:hover{background:rgba(255,255,255,0.2);}
.work .sec01 .js-next:hover{background:rgba(255,255,255,0.2);}
.work .sec01 .js-prev >*{position:absolute;top:50%;left:50%;transform:translate(-65%,-50%) scale(1,2);font-size:10px;}
.work .sec01 .js-next >*{position:absolute;top:50%;left:50%;transform:translate(-35%,-50%) scale(1,2);font-size:10px;}
.work .sec01 .js-thum{display:flex;width:calc(100% + 12px);margin: 12px auto;position:relative;}
.work .sec01 .js-thum .js-item{width:calc((100% - 60px) / 6);padding-bottom:calc((100% - 60px) / 9);margin-right:12px;position:relative;}
.work .sec01 .js-item img{position:absolute;height:100%;top:0;left:0;}
.work .sec01 .js-main .js-item img{object-fit:contain;}
.work .sec01 .js-thum .js-item img{object-fit:cover;}
.work .sec01 .js-on{border:3px solid #000;box-sizing:border-box;}


.contact .secinput{width:910px;max-width:100%;padding:30px;box-sizing:border-box;margin: 0 auto;}
.contact .text{font-size:14px;line-height:26px;font-weight:bold;text-align:left;margin: 60px 0;}
.contact .text01{font-size:26px;line-height:58px;text-align:center;}
.contact .text02{font-size:20px;line-height:48px;text-align:center;}
.contact .text03{font-size:20px;line-height:48px;text-align:center;}
.contact .text04{font-size:20px;line-height:48px;text-align:center;}
.contact .caption{font-size:18px;line-height:36px;text-align:left;color:#F00;margin-top:20px;}
.contact .item{font-size:16px;line-height:24px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:35px 0;}
.contact .req01{font-size:13px;line-height:25px;width:45px;margin-top:11px;text-align:center;background:#FF5039;color:#FFF;align-self:flex-start;}
.contact .req02{font-size:13px;line-height:25px;width:45px;margin-top:11px;text-align:center;background:#939393;color:#FFF;align-self:flex-start;}
.contact .name{font-size:14px;line-height:25px;font-weight:bold;width:200px;padding-top:11px;}
.contact .input{font-size:14px;line-height:25px;width:calc(100% - 285px);}
.contact .output{font-size:14px;line-height:25px;width:calc(100% - 285px);padding-top:11px;}
.contact input[type="text"],
.contact textarea{width:100%;padding:10px 10px;background:#F2F2F2;border:none;box-sizing:border-box;border-radius:0;}
.contact select{height:100%;padding:10px 10px;background:#F2F2F2;border:none;}
.contact input[type="text"].address01{width:150px;margin-bottom:15px;}
.contact input[type="submit"]{font-size:14px;line-height:18px;padding:15px 0;background:#000;color:#FFF;border-color:#000;-webkit-appearance: none;width:230px;margin: 60px auto;display:block;}
.contact input[type="submit"]:hover{background:#FFF;color:#000;}

.icontact{background:url("../img/products/bg.jpg") repeat;background-size: 320px 320px;}
.icontact .secinput .title{font-size:14px;line-height:26px;padding:25px 30px;background:#FFF;margin-bottom:25px;}
.icontact .secinput .title span{font-size:20px;font-weight:bold;margin-left:30px;}
.icontact .secinput{width:1100px;max-width:100%;margin: 0 auto;}
.icontact .secinput #formVali{background:#FFF;}
.icontact .secinput .formwrap{width:910px;max-width:100%;padding:35px 10px;box-sizing:border-box;margin: 0 auto;}
.icontact .text{font-size:14px;line-height:26px;font-weight:bold;text-align:left;margin-bottom: 40px;}
.icontact .text01{font-size:26px;line-height:58px;text-align:center;}
.icontact .text02{font-size:20px;line-height:48px;text-align:center;}
.icontact .text03{font-size:20px;line-height:48px;text-align:center;}
.icontact .text04{font-size:20px;line-height:48px;text-align:center;}
.icontact .caption{font-size:18px;line-height:36px;text-align:left;color:#F00;margin-top:20px;}
.icontact .item{font-size:16px;line-height:24px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:35px 0;}
.icontact .req01{font-size:13px;line-height:25px;width:45px;margin-top:11px;text-align:center;background:#FF5039;color:#FFF;align-self:flex-start;}
.icontact .req02{font-size:13px;line-height:25px;width:45px;margin-top:11px;text-align:center;background:#939393;color:#FFF;align-self:flex-start;}
.icontact .name{font-size:14px;line-height:25px;font-weight:bold;width:200px;padding-top:11px;}
.icontact .input{font-size:14px;line-height:25px;width:calc(100% - 285px);}
.icontact .output{font-size:14px;line-height:25px;width:calc(100% - 285px);padding-top:11px;}
.icontact input[type="text"],
.icontact textarea{width:100%;padding:10px 10px;background:#F2F2F2;border:none;box-sizing:border-box;border-radius:0;}
.icontact select{height:100%;padding:10px 10px;background:#F2F2F2;border:none;}
.icontact input[type="text"].address01{width:150px;margin-bottom:15px;}
.icontact input[type="submit"]{font-size:14px;line-height:18px;padding:15px 0;background:#000;color:#FFF;border-color:#000;-webkit-appearance: none;width:230px;margin: 60px auto;display:block;}
.icontact input[type="submit"]:hover{background:#FFF;color:#000;}
.icontact .secinput .message{padding:25px 30px;background:#FFF;box-sizing:border-box;}