html{scroll-behavior:smooth}body,html{height:100%;width:100%}body{background:#fff;color:#4c3f37;font-family:Zen Old Mincho,serif;font-size:14px;line-height:1.6em;-webkit-text-size-adjust:100%;text-shadow:1px 1px 2px rgba(0,0,0,.3)}body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,ul{margin:0;padding:0}article,aside,footer,header,nav,section{display:block;margin:0;padding:0}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{border:none;vertical-align:top}a:link,a:visited{color:#4c3f37;text-decoration:none}a:active,a:hover{color:#8e847d}a,a img{outline:none}.alt{left:-3000px;position:absolute;top:-3000px}.clear{overflow:hidden;_zoom:1}.clearfix:after{clear:both;content:"";display:block}.logo_fadein{background:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.logo_fadein p{display:none;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:280px;z-index:9999}.logo_fadein img{width:300px}.backtotop{bottom:20px;display:none;opacity:.5;position:fixed;right:30px;z-index:50}.backtotop a{display:block;margin:0;padding:14px 6px;text-decoration:none}#wrapper{background-color:#fff;height:auto!important;min-height:100%;min-width:1000px;width:100%}header{align-items:center;background-image:linear-gradient(90deg,#eaf6ff,#fff 5% 95%,#eaf6ff);color:#4c3f37;display:flex;height:80px;left:0;margin:auto;position:fixed;text-align:center;top:0;width:100%;z-index:9999}#header_in{height:100%;margin:auto;width:1000px}#logo{float:left;margin-top:10px;width:250px}#logo img{width:150px}#menu{height:100px;margin-left:300px;margin-top:10px;text-align:right;vertical-align:middle;width:700px}#menu ul{padding-top:30px}#menu li{display:inline;padding-right:30px}#menu ul li a{font-size:18px}.nav_toggle{display:none}.fade-in-item{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-item.is-visible{opacity:1;transform:translateY(0)}header:after{background-color:transparent;border-radius:50%;bottom:0;box-shadow:inset 0 0 5px 1px #c7c7c74d;content:"";height:5px;left:50%;position:absolute;transform:translate(-50%);width:70%}#top_img{align-items:flex-end;background-image:url(../img/back1.webp),linear-gradient(90deg,#eaf6ff 0,#fff0 5%),linear-gradient(270deg,#eaf6ff 0,#fff0 5%);background-position:50%;border-bottom:1px solid #000;border-top:1px solid #000;height:500px;margin-top:80px;vertical-align:bottom;width:100%}#top_img_com{color:#fff;font-size:20px;margin:150px auto auto;text-align:right;text-shadow:1px 1px 1px #333;width:1000px}#top_img_com img{width:50%}#buss{background-image:linear-gradient(90deg,#eaf6ff,#fff 5% 95%,#eaf6ff);height:auto;width:100%}#buss_bus{color:#4c3f37;font-weight:400;margin:auto;padding-top:40px;text-align:center;width:1000px}.list_tbl{font-size:15px;font-weight:400;line-height:30px;margin:20px auto auto;padding:20px 1px 1px;width:600px}.list_tbl th{border-left:8px solid #aaa;clear:both;float:left;margin-top:10px;padding-left:5px;vertical-align:top;width:70px}.list_tbl td{font-size:15px;font-weight:400;margin-top:10px;padding:10px;text-align:left;width:500px}.list_tbl_2{width:400px}.list_tbl_2 td{width:300px}#devlist{margin:50px auto auto;overflow:hidden}#devlist li{display:inline-block;float:left;height:100px;margin:20px 10px 10px;width:100px}#devlist li img{margin:auto;max-height:80px;width:80px}#works_box5{background-image:linear-gradient(90deg,#eaf6ff,#fff 5% 95%,#eaf6ff);clear:both;color:#4c3f37;height:auto;width:100%}#works_box5_pro{margin:auto;padding-bottom:20px;padding-top:20px;text-align:center;width:1000px}#works_box5_pro table{margin:30px auto auto;width:700px}#works_box5_pro table .title{font-size:14px;font-weight:700;-webkit-text-decoration:underline #000 solid;text-decoration:underline #000 solid}#works_box5_pro table img{width:300px}#works_box5_pro table td{line-height:30px;padding:15px;text-align:left;vertical-align:top;width:400px}.works_note{font-size:12px}#about_box3{background-color:#eee;background-image:linear-gradient(90deg,#eaf6ff,#fff 5% 95%,#eaf6ff);color:#4c3f37;height:auto;width:100%}#about_box3_about{color:#4c3f37;margin:auto;padding-bottom:20px;padding-top:40px;text-align:center;width:1000px}#contact_box6{background-image:linear-gradient(90deg,#eaf6ff,#fff 5% 95%,#eaf6ff);height:auto;padding-bottom:20px;width:100%}#contact_box6_con{margin:auto;padding-top:40px;text-align:center;width:1000px}.box6_box{background-color:#ffffff4d;display:inline-block;height:300px;margin:10px auto auto;padding-top:25px;text-align:center;width:400px}.box6_title{font-size:16px;font-weight:700}.box6_but{background:none;background-color:#000;cursor:pointer;font-size:18px;height:50px;margin:auto;opacity:1;padding-top:25px;text-align:center;vertical-align:middle;width:300px}.box6_but,.box6_but a{color:#fff}#contact_box6_con table{background-color:#fff;margin:40px auto auto;padding:20px;width:700px}#contact_box6_con table th{padding:20px}#contact_box6_con table th:last-child{border-left:1px solid #eee}#contact_box6_con table td{font-size:15px;padding:15px;vertical-align:top;width:300px}#contact_box6_con table td:last-child{border-left:1px solid #eee}#footer_box7{background-color:#333;height:30px;width:100%}#footer_box7_footer{color:#eee;font-size:12px;margin:auto;padding-top:3px;text-align:center;width:1000px}#contact_box{margin:auto;padding-top:20px;text-align:center;width:800px}#contact_tbl{margin:auto;width:650px}#contact_tbl dl{padding:1px}#contact_tbl dt{clear:left;float:left;font-weight:400;margin:6px;text-align:right;width:200px}#contact_tbl dd{font-size:13px;font-weight:400;margin:6px 6px 6px 210px;padding:5px;text-align:left;width:400px}#contact_but{background:none;background-color:#000;color:#fff;font-size:18px;height:30px;margin:30px auto;padding-top:10px;text-align:center;vertical-align:middle;width:300px}#contact_but a{color:#fff}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20000}.modal-content{background:#fff;border-radius:8px;max-width:95%;min-width:850px;padding:2rem}.modal-iframe{border:none;height:70vh;width:100%}@media screen and (max-width:499px){*{max-width:100%}#wrapper{min-width:0}header{align-items:none;display:inline-block;padding:0;text-align:left}#header_in,header{margin:0;width:100%}#logo{display:inline-block;float:none;width:40%;z-index:102}#logo img{width:150px}.nav_toggle{display:inline-block;float:right;height:1.5rem;margin-right:20px;margin-top:25px;position:relative;width:1.75rem;z-index:101}.nav_toggle i{background-color:#999;display:block;height:2px;position:absolute;transition:transform .5s,opacity .5s;width:100%}.nav_toggle i:first-child{top:0}.nav_toggle i:nth-child(2){bottom:0;margin:auto;top:0}.nav_toggle i:nth-child(3){bottom:0}.nav_toggle.show i:first-child{transform:translateY(10px) rotate(-45deg)}.nav_toggle.show i:nth-child(2){opacity:0}.nav_toggle.show i:nth-child(3){transform:translateY(-12px) rotate(45deg)}#menu{background-color:#000;clear:both;height:100%;inset:0;margin:0;opacity:0;padding:1rem;position:fixed;transition:opacity .5s,visibility .5s;visibility:hidden;width:100%;z-index:100}#menu ul{margin-top:50px}#menu ul li{display:block;margin:10px}#menu ul li a{color:#fff;text-decoration:underline}#menu.show{opacity:1;visibility:visible}#top_img{height:300px}#top_img_com{margin-top:100px;width:80%}#top_img_com img{width:90%}#buss_bus{width:100%}.list_tbl{width:95%}.list_tbl th{width:40%}.list_tbl td{width:60%}#about_list{margin-left:5px;padding:5px;width:95%}#about_list dt{width:30%}#about_list dd{width:70%}#devlist li{height:60px;width:60px}#devlist li img{max-height:60px;width:60px}#works_box5{clear:both}#works_box5_pro table{width:95%}#works_box5_pro table td{padding:10px;width:50%}.box6_but{height:100px;padding-bottom:20px;width:70%}.box6_but a{text-decoration:underline}#contact_box6_con table{width:95%}#contact_box6_con table td,#contact_box6_con table th{width:50%}#footer_box7_footer{width:100%}.mfp-content{height:80%}#contact_box{width:90%}#contact_tbl{margin:auto;width:90%}#contact_tbl dl{padding:1px}#contact_tbl dt{clear:left;float:left}#contact_tbl dd,#contact_tbl dt{font-weight:400;margin:6px;text-align:left;width:95%}#contact_tbl dd{font-size:13px;padding:5px}.modal-content{max-width:498px;min-width:100%;padding-left:0;padding-right:0;width:100%}}
