<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
/*================
　　業務情報用
================*/

section#work{ }
section#content{ }
section#work h3{ color:#fff;
	 background:#00a453; padding:0.5em; 
	 border-radius:1rem; }
section#work h3 + section{ margin:1rem 1rem 2rem 2rem;
	display:flex; flex-direction:column; }	 
section#work ul{ margin-left:2rem; }
section#work ul li{ line-height:1.6; }

@media screen and (min-width: 780px){
section#work ul{ margin-left:3rem; }
section#work h3 + section{ flex-direction:row; justify-content:space-between; }
}

/*---業務案内---*/
.product img{ display:block; width:185px; height:auto; } /*画像サイズ固定*/


/*---主要取引先---*/
.corp{ display:flex; flex-direction:column; }
.corp &gt; div{ border:solid 1px #ccc; padding:0.5rem; margin:0.5rem; }
.corp &gt; div h4{ padding:0.5em; border:dotted 1px #00a453; margin-bottom:1rem; }
section#work .corp ul{ margin-left:1rem; }
.corp li{ list-style:none; line-height:1.6; }
.corp &gt; div div.area{ display:flex; flex-direction:column; }

@media screen and (min-width: 780px){
.corp &gt; div{ width:50%; }
.corp &gt; div div.area{ flex-direction:row; }
.corp &gt; div div.area &gt; ul{ }
section#work .corp div.area ul:nth-child(2){ margin-left:3rem; }
}

</pre></body></html>