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

header .branding {
	background:url(../works/img/local_branding.jpg) no-repeat center;
}
main h3 {
	font-size:207.1%;/*29px*/
	margin:0 0 30px;
}
main .works_box {
	display:flex;
	justify-content:space-between;
	padding:0 10px;
	font-size:107.1%;/*15px*/
}
main .works_box:nth-child(2) , main .works_box:nth-child(4) {
	flex-direction: row-reverse;
}
main .works_box .text_box {
	width:calc(100% - 590px);
}

.fadein {
	opacity : 0.1;
	transition : all 500ms;
	overflow:hidden;
}
.fadein.scrollin {
	opacity: 1;
	overflow:hidden;
}
.techBox {
	display: flex;
	margin:24px 0;
}
.techBoxp p{
	display: flex;
	margin-left:12px
}
main .works_box .text_box p.bold {
	margin:0 0 5px;
	font-size:114.2%;/*16px*/
}
main .works_box .text_box ol {
	margin:18px 0 0 20px;
}
main .works_box .text_box ol li {
	line-height: 1.8rem;
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
main .works_box {
	display:block;
}
main .works_box > p {
	text-align:center;
}
main .works_box .text_box {
	width:100%;
	margin:30px 0 0;
}
.inline_video{
	height: 580px;
}
}
@media screen and (min-width: 0px) and (max-width: 400px) {
main h3 {
	font-size:171.4%;/*24px*/
}
}