@charset 'utf-8';
/*
 * name:business.css
 * author:sovanda nulo
*/

/* business
------------------------------------------------ */

#banner { background: url(../../img/business/visual.jpg) no-repeat; background-size: cover; }

/* section service */
#service {  }
.service__lists { display: flex; flex-wrap: wrap; }
.service__lists__items { width: 23.3%; margin-right: 2.26666666667%; text-align: center; }
.service__lists__items:last-child { margin-right: 0; }
.service__lists__items--pic { display: block; overflow: hidden; margin-bottom: 22px; }
.service__lists__items--pic a { display: block; }
.service__lists__items--pic a img { transition: linear .4s; }
.service__lists__items--pic a:hover img { transform: scale(1.1); }
.service__lists__items--tlt { font-family: 'Crimson Text'; font-size: 18px; font-size: 1.8rem; font-weight: bold; letter-spacing: .072em; line-height: 1.4444; }
.service__lists__items--note { margin-top: 10px; }
.service__lists__items--note li { font-size: 14px; font-size: 1.4rem; letter-spacing: .072em; line-height: 2.42; text-align: left; padding-left: .5em; position: relative; }
.service__lists__items--note li:before { content: ''; display: inline-block; position: absolute; left: 0; top: 15px; width: 2px; height: 2px; background: #1A1717; -webkit-border-radius: 50%; border-radius: 50%; }
.service__lists__items--note li .in-more {  }
.service__lists__items--note li .in-more a { padding: 0 .8em; line-height: 1.2; line-height: 1.833; display: inline-block; color: #1BA4E6; border: 1px solid #1BA4E6; transition: linear .4s; -webkit-border-radius: 50px; border-radius: 50px; }
.service__lists__items--note li .in-more a:hover { color: #fff; background: #1BA4E6; }

/* responsive style
------------------------------------------------ */

@media screen and (max-width: 1100px) {

	/* section service */
	.service__lists__items--pic { margin-bottom: 18px; }
	.service__lists__items--tlt { font-size: 15px; font-size: 1.5rem; }
	.service__lists__items--note { margin-top: 8px; }
	.service__lists__items--note li { font-size: 12px; font-size: 1.2rem; }
	.service__lists__items--note li:before {  }

}

@media screen and (max-width: 768px) {

	#banner { background: url(../../img/business/visual_sp.jpg) no-repeat; background-size: cover; }

	/* section service */
	#service {  }
	.service__lists { display: block; }
	.service__lists__items { width: 100%; margin-right: 0; }
	.service__lists__items:not(:last-child) { margin-bottom: 45px; }
	.service__lists__items--pic { margin-bottom: 25px; }
	.service__lists__items--pic a img { width: 100%; }
	.service__lists__items--tlt { font-size: 20px; font-size: 2rem; line-height: 1.25; }
	.service__lists__items--note { margin-top: 15px; }
	.service__lists__items--note li { font-size: 18px; font-size: 1.8rem; line-height: 2.53; }
	.service__lists__items--note li:before { top: 20px; width: 4px; height: 4px; }
	.service__lists__items--note li .in-more {  }
	.service__lists__items--note li .in-more a { color: #fff; background: #1BA4E6; }
	
}