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

.services-section h3{margin-top:120px; color:#007e6a; font-weight:bold;}
.company-section h1/*,h2*/{color:#007e6a;}
.company-section h1{font-weight:bold;font-size:2.4em;margin-bottom:1em;}
.company-section h1 span{color:#404040;}
.company-section span.green{color:#007e6a;}

ol.list-parentheses{list-style: none;}
ol.list-parentheses li{margin-bottom:0.2em;margin-left:1em;text-indent:-2.5em;}
ol.list-parentheses > li{counter-increment: list-parentheses;}
ol.list-parentheses > li:before {content: "（" counter(list-parentheses) "）";}

ol.list-latin{list-style: none;margin-bottom:0.2em;}
ol.list-latin li{margin-left:1em;text-indent:-1em;}
ol.list-latin > li{counter-increment: list-latin;padding-left: 1rem;}
ol.list-latin > li:before {content:counter(list-latin, lower-alpha)". ";}

ol.ti0 li{text-indent:0;}

div.bg-desk{ background-image:url(img/bg-main-desk.png);background-size:100%; background-repeat:no-repeat}

.bg-main{position: relative;display: inline-block;}
.bg-main img{display: block; max-width: 100%; height: auto;}
.bg-main img:nth-of-type(2){animation: bg-main-parts 3s linear 0s infinite; position: absolute; right: 20%; bottom: 30%; width: 20%; height: auto;}
.bg-main img:nth-of-type(3){animation: bg-main-parts 3s linear 1s infinite;position: absolute; left: 50%; top: 20%; width: 15%; height: auto;}
.bg-main img:nth-of-type(4){animation: bg-main-parts 3s linear 0.5s infinite;position: absolute; left: 23%; top: 5%; width: 20%; height: auto;}

@keyframes bg-main-parts{
	0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}