@font-face {
	font-family: 'baseFont';
	src: url("../fonts/base.otf");
}

.box {
  width: 100vw;
  height: 100vh;
	min-height: 100vh;
}

.site-branding.box_top {
  display: table;
  width: 100vw;
  height: 100vh;
	min-height: 100vh;
}

.site-branding .main {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.site-branding .main-branding {
	display:inline-block;
	vertical-align: middle;
  margin-left: 20px;
}

.site-branding div.site-title {
  display:inline-block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom:50px;
}

.site-branding div.site-title span {
	font-size: 65px;
	letter-spacing: 15px;
	font-family: 'baseFont';
}

.site-branding p.site-description {
  width: 100%;
  padding-top: 20px;
	padding-bottom: 0px;
	font-size: 20px;
	color: #000000;
	letter-spacing: 8px;
	font-family: 'baseFont';
}

.box p {
	font-family: 'baseFont';
	letter-spacing: 8px;
	font-size: 20px;
	margin-top: 50px;
}

.box_work {
	display: table;
  width: 100vw;
  height: 100vh;
}

.box_work_inner {
  display: table-cell;
  vertical-align: middle;
	text-align: center;
}

.box_bottom {
  width: 100vw;
  height: 30vh;
}

.top_img {
	background-image: url("../img/top_back_img.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

.orver_img {
	background-image: url("../img/orver_back_img.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}

.work_img {
	background-image: url("../img/work_back_img.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bottom_img {
	background-image: url("../img/bottom_back_img.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.top_position {
	padding-top: 200px;
	padding-left: 100px;
}

.over_position {
	text-align: right;
	padding-top: 100px;
	padding-right: 100px;
}

.work_position {
	text-align: center;
	padding-top: 10vh;
	margin-bottom: 20vh;
}

.work_item_position {
	text-align: center;
	padding-top: 1vh;
}

.top_title {
	font-family: 'Caveat', cursive;
	letter-spacing: 15px;
	font-size: 72px;
}

.title {
	font-family: 'baseFont';
	letter-spacing: 15px;
	font-size: 65px;
}

.trip_item {
	font-family: 'baseFont';
	letter-spacing: 10px;
	font-size: 60px;
}

.work_item {
	font-family: 'baseFont';
	letter-spacing: 10px;
	font-size: 60px;
	color: #FFFFFF;
}


.trip_item a{
  color: inherit;
  text-decoration: none;
}

.trip_item a:hover {
  opacity:0.5;
  transition: all .5s;
}

.work_item a{
  color: inherit;
  text-decoration: none;
}

.work_item a:hover {
  opacity:0.5;
  transition: all .5s;
}

/* 最大フォントサイズ : 幅 896px 以上 */
@media (max-width: 896px) {
	.top_position {
		padding-top: 20vh;
		padding-left: 5vw;
	}
	.title {
		letter-spacing: 5px;
		font-size: 32px;
		color: #00000;
	}
	.top_title {
		letter-spacing: 5px;
		font-size: 32px;
		color: #00000;
	}
	.over_position {
		padding-top: 10vh;
		padding-right: 5vw;
	}
	.trip_item {
		font-size: 24px;
	}
	.work_item {
		font-size: 24px;
	}
	.top_img {
		background-image: url("../img/top_back_img_smart_new.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.orver_img {
		background-image: url("../img/orver_back_img_smart.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.work_img {
		background-image: url("../img/work_back_img_smart_3.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}