@charset "utf-8";header{position:relative}header section.topPage{margin:20px auto 0}header .underBg{background:url(//tact-system.jp/tactsystem/wp-content/themes/tactSystem/css/../img/top/underBg.png) repeat-x;background-size:450px 29px;width:100%;height:29px;position:absolute;bottom:0;z-index:1}header section.topPage .leftArea{background:url(//tact-system.jp/tactsystem/wp-content/themes/tactSystem/css/../img/top/mainImg_001.png) no-repeat;background-size:293px 257px;background-position:top center;width:330px;height:376px;position:relative;float:left}header section.topPage .leftArea .circleBtn{width:138px;height:138px;background:rgba(69,170,114,1);color:rgba(255,255,255,1);font-size:17px;box-sizing:border-box;border-radius:69px;text-align:center;display:table-cell;vertical-align:middle;position:absolute;right:0;bottom:0;box-shadow:0 3px rgba(58,142,96,1);transition:all ease .2s;-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.4s}header section.topPage .leftArea .circleBtn:hover{background:rgba(255,255,255,1);color:rgba(69,170,114,1);box-shadow:0 0 rgba(58,142,96,1);bottom:-3px}header section.topPage .leftArea .circleBtn p{margin-top:25%}header section.topPage .leftArea .circleBtn .circleArrow{width:22px;height:22px;line-height:22px;background:rgba(77,77,77,1);border-radius:11px;font-size:14px;position:absolute;right:10px;bottom:10px;text-align:center;box-shadow:0 2px rgba(0,0,0,1)}header section.topPage .leftArea .human{position:absolute;left:50%;top:50%;margin-top:-135px;margin-left:-103px;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}header section.topPage .leftArea .fish{position:absolute;top:40px;left:15px}header section.topPage .leftArea .cip{position:absolute;top:150px;left:0}header section.topPage .leftArea .box{position:absolute;top:75px;right:15px}header section.topPage .rightArea{background:url(//tact-system.jp/tactsystem/wp-content/themes/tactSystem/css/../img/top/mainImg_002.png) no-repeat;background-size:313px 256px;width:320px;height:376px;position:relative;float:left}header section.topPage .rightArea .circleBtn{width:138px;height:138px;background:rgba(84,153,218,1);color:rgba(255,255,255,1);font-size:17px;box-sizing:border-box;border-radius:69px;text-align:center;display:table-cell;vertical-align:middle;position:absolute;right:0;bottom:0;box-shadow:0 3px rgba(71,126,178,1);transition:all ease .2s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s}header section.topPage .rightArea .circleBtn:hover{background:rgba(255,255,255,1);color:rgba(84,153,218,1);box-shadow:0 0 rgba(71,126,178,1);bottom:-3px}header section.topPage .rightArea .circleBtn p{margin-top:25%}header section.topPage .rightArea .circleBtn .circleArrow{width:22px;height:22px;line-height:22px;background:rgba(77,77,77,1);border-radius:11px;font-size:14px;position:absolute;right:10px;bottom:10px;text-align:center;box-shadow:0 2px rgba(0,0,0,1)}header section.topPage .rightArea .human{position:absolute;left:50%;top:50%;margin-top:-135px;margin-left:-103px;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}header section.topPage .rightArea .dast{position:absolute;top:115px;left:0}header section.topPage .rightArea .machine{position:absolute;top:28px;right:0;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}header section.topPage .rightArea .pawn{position:absolute;top:150px;right:20px;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}header section.topPage .rightArea2{background:url(//tact-system.jp/tactsystem/wp-content/themes/tactSystem/css/../img/top/mainImg_002.png) no-repeat;background-size:313px 256px;width:320px;height:376px;position:relative;float:left}header section.topPage .rightArea2 .circleBtn{width:138px;height:138px;background:rgba(84,153,218,1);color:rgba(255,255,255,1);font-size:17px;box-sizing:border-box;border-radius:69px;text-align:center;display:table-cell;vertical-align:middle;position:absolute;right:0;bottom:0;box-shadow:0 3px rgba(71,126,178,1);transition:all ease .2s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s}header section.topPage .rightArea2 .circleBtn:hover{background:rgba(255,255,255,1);color:rgba(84,153,218,1);box-shadow:0 0 rgba(71,126,178,1);bottom:-3px}header section.topPage .rightArea2 .circleBtn p{margin-top:25%}header section.topPage .rightArea2 .circleBtn .circleArrow{width:22px;height:22px;line-height:22px;background:rgba(77,77,77,1);border-radius:11px;font-size:14px;position:absolute;right:10px;bottom:10px;text-align:center;box-shadow:0 2px rgba(0,0,0,1)}header section.topPage .rightArea2 .human{position:absolute;left:50%;top:50%;margin-top:-123px;margin-left:-103px;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}header section.topPage .rightArea2 .graph{position:absolute;top:60px;left:200px}header section.topPage .rightArea2 .pc{position:absolute;top:120px;left:0;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}header section.topPage .rightArea2 .pointer{position:absolute;bottom:50px;left:0;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.caption{margin-bottom:33px}.caption img{float:left;margin-right:40px}.caption h2{font-size:27px;color:rgba(207,77,82,1);letter-spacing:.2em;margin-bottom:23px}.caption p{margin-bottom:1em}.leftColumn article{width:48%}.leftColumn article:first-child{float:left}.leftColumn article:nth-child(2){float:right}.leftColumn article:first-child a{background:rgba(255,255,255,1);border-radius:9px;box-shadow:0 4px rgba(229,229,229,1);margin-bottom:30px;padding:30px 35px;display:block;transition:all ease .2s}.leftColumn article:nth-child(2) a{background:0 0;border-radius:0;box-shadow:none;margin-bottom:0;padding:0;display:block;transition:all ease .2s}.leftColumn article:nth-child(2) a img:hover{opacity:.5}.leftColumn article:nth-child(2){margin-bottom:0}.leftColumn article h3{font-size:22px;text-align:center;margin-bottom:18px;letter-spacing:.1em}.leftColumn article .textArea{max-width:100%;margin-right:0;float:none}.leftColumn article .textArea p{text-align:center}.leftColumn article p em{width:220px;height:40px;display:inline-block;line-height:40px;font-size:17px;color:rgba(255,255,255,1);border-radius:20px;margin-top:24px;letter-spacing:.1em;transition:all ease .2s}.leftColumn article:hover p{color:rgba(255,255,255,1)}.leftColumn article:hover:first-child a{background:rgba(245,110,110,1);box-shadow:0 4px rgba(229,229,229,1)}.leftColumn article:first-child h3{color:rgba(245,110,110,1)}.leftColumn article:hover:first-child h3{color:rgba(255,255,255,1)}.leftColumn article:first-child p em{background:rgba(245,110,110,1)}.leftColumn article:hover:first-child p em{color:rgba(245,110,110,1)}.leftColumn article:hover:nth-child(2) a{background:0 0;box-shadow:none}.leftColumn article:nth-child(2) h3{color:rgba(69,170,114,1)}.leftColumn article:hover:nth-child(2) h3{color:rgba(255,255,255,1)}.leftColumn article:nth-child(2) p em{background:rgba(81,204,151,1)}.leftColumn article:hover:nth-child(2) p em{color:rgba(81,204,151,1)}.leftColumn article:hover p em,.leftColumn article:hover p em{background:rgba(255,255,255,1)}.facebookpage{max-width:500px;margin:auto}@media screen and (max-width:414px){header section.topPage{width:100%;margin:0 auto;position:relative}header section.topPage .leftArea,header section.topPage .rightArea,header section.topPage .rightArea2{width:50%;height:300px;float:left;background:0 0}header section.topPage .rightArea2{height:0}header section.topPage .leftArea .human{width:185px;height:243px;margin-left:-75px}header section.topPage .rightArea .human{margin-left:-85px;width:160px;height:256px}header section.topPage .rightArea2 .human{top:-105px;margin-left:5px;width:185px;height:238px}header section.topPage .leftArea .fish,header section.topPage .leftArea .cip,header section.topPage .leftArea .box,header section.topPage .rightArea .dast,header section.topPage .rightArea .machine,header section.topPage .rightArea .pawn,header section.topPage .rightArea2 .graph,header section.topPage .rightArea2 .pc,header section.topPage .rightArea2 .pointer{display:none}.caption img.logo{float:inherit;margin-right:0;width:40%;height:40%;padding:0 30%}.leftColumn article .textArea{width:100%;margin-right:0;float:none}.leftColumn article:first-child img{display:none}.leftColumn article:nth-child(2){margin-bottom:30px}.leftColumn article:nth-child(2) img{display:none}.leftColumn article{width:100%}.leftColumn article:first-child{float:none}.leftColumn article:nth-child(2){float:none}}