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



	
	
/* pagetitle
--------------------- */
#pagetitle {
	padding-bottom: 0;
}



	
	
/* anchor
--------------------- */
.anchor {
	position: fixed;
	top: 130px;
	right: 50px;
	z-index: 4;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.anchor.is-animation {
	top: 70px;
}
	.anchor .link_menu {
		width: 220px;
		height: 46px;
		padding: 0 50px 0 20px;
		border-radius: 23px;
		border: none;
		background: #000 url("../img/icon_arrow.svg") no-repeat right 7px center;
		font-size: 1.4rem;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		color: #fff;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-overflow: ellipsis;
		white-space: nowrap;
	}



	
	
/* work
--------------------- */
.work {
	width: 100%;
	padding-top: 200px;
}
.work:nth-last-child(1) {
	padding-bottom: 200px;
}
	.work .pht {
		width: 42%;
	}


	.work .text {
		width: 58%;
		padding-right: 5%;
	}
		.work .text .tag {
			margin-bottom: 30px;
			padding-left: 35px;
			position: relative;
		}
		.work .text .tag:before {
			content: "";
			width: 100%;
			height: 1px;
			background: #ddd;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -0.5px;
			z-index: -1;
		}
			.work .text .tag li {
				height: 24px;
				background: #fff;
				display: inline-block;
				font-size: 1.2rem;
				border-radius: 12px;
				border: solid 1px #ddd;
				margin-right: 10px;
				padding: 0 10px;
			}


		.work .text .list .box {
			position: relative;
			margin-bottom: 35px;
		}
		.work .text .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			.work .text .list .box .en {
				font-size: 1.2rem;
				line-height: 1;
				writing-mode: vertical-rl;
				position: absolute;
				top: 8px;
				left: -22px;
			}

			.work .text .list .box h2 {
				font-size: 2.0rem;
				font-weight: 500;
				line-height: 1.4em;
				margin-bottom: 10px;
			}





/* 1400px */
@media screen and (max-width: 1400px) {






}












/* 1024px */
@media screen and (max-width: 1024px) {



	
	
/* work
--------------------- */
.work .inner {
	display: block;
}
	.work .pht {
		width: 100%;
	}


	.work .text {
		width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
	}



	
	
/* anchor
--------------------- */
.anchor {
	width: 100%;
	top: auto;
	right: 0;
	bottom: 0;
}
.anchor.is-animation {
	top: auto;
}
	.anchor .link_menu {
		width: 100%;
		height: 60px;
		padding: 0 50px 0 20px;
		border-radius: 0;
		border: none;
		background: #000 url("../img/icon_arrow.svg") no-repeat right 20px center;
		font-size: 1.6rem;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		color: #fff;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-overflow: ellipsis;
		white-space: nowrap;
	}





}

	







/* max 767px */
@media screen and (max-width: 767px) {



	
	
/* pagetitle
--------------------- */
#pagetitle {
	padding-bottom: 0;
}



	
	
/* work
--------------------- */
.work {
	padding-top: 100px;
}
.work:nth-last-child(1) {
	padding-bottom: 100px;
}
	.work .text {
		margin-bottom: 30px;
	}
		.work .text .tag {
			padding-left: 0;
			margin-bottom: 25px;
		}
		.work .text .tag:before {
			display: none;
		}
			.work .text .tag li {
				height: 20px;
				font-size: 1.0rem;
				border-radius: 10px;
				margin-right: 5px;
				margin-bottom: 5px;
				padding: 0 5px;
			}


		.work .text .list .box {
			margin-bottom: 25px;
		}
			.work .text .list .box .en {
				font-size: 1.0rem;
				top: 8px;
				left: -18px;
			}

			.work .text .list .box h2 {
				font-size: 1.7rem;
				margin-bottom: 12px;
			}






}