@charset "utf-8";

/*
ToshibaSans Bold
ToshibaSans Regular
ToshibaSans Medium
*/

.abs{position: absolute; display: block;}
.rel{position: relative; display: block;}

.inner{width: 960px; margin: auto; box-sizing: border-box;}

.op0{opacity: 0;}
.clearBlock:after{
	clear: both;
	content: "";
	display: block;
}

.flexBlock{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.bgGrey{background: #f8f8f8;}

.anim{
	-webkit-transition: 0.3s ease-out;
	transition:0.3s ease-out;
}
.contentArea a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.contentArea .breadcrumbs{padding: 20px 0 0;}
.contentArea .breadcrumbs li{float: left; font-size: 14px;}
.contentArea .breadcrumbs li a{color: #333333; text-decoration: underline;}
.contentArea .breadcrumbs li a:hover{
	text-decoration: none;
}
.contentArea .breadcrumbs li span{display: inline-block; padding: 0 5px;}

.contentArea{min-width: 960px; line-height: 1.5;font-family: 'Noto Sans Japanese', sans-serif;}
.contentArea .topBlock{background: #f1f1f1;width: 100%;height: 190px;position: relative;}
.contentArea .topBlock .bg {background: #f1f1f1;background-color: #f1f1f1;background-image: url("../png/main-4.png");background-repeat: no-repeat;background-position: right top;width: 100%;height: 190px;position: absolute;right: 0;top: 0;}
.contentArea .topBlock h2{font-size: 60px;font-weight: bold;margin-top: 20px;}

.contentArea .dl-block {padding: 50px 0 60px;}
.contentArea .dl-block ul li {width: 300px;}
.contentArea .dl-block ul li .photo-wrap {position: relative;overflow: hidden;}
.contentArea .dl-block ul li .photo-wrap .photo {position: relative;z-index: 1;overflow: hidden;}
.contentArea .dl-block ul li .photo-wrap .title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 0;top: 0;z-index: 2;width: 100%;height: 100%;letter-spacing: 0.05em;font-size: 30px;font-weight: bold;color: #FFF;text-shadow: 0px 0px 10px rgba(0,0,0,1);text-align: center;}
.contentArea .dl-block ul li .dl-btns a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.contentArea .dl-block ul li .dl-btns a:hover {color: #f00;}
.contentArea .dl-block ul li .dl-btns .btn {margin-top: 20px;padding-bottom: 20px;border-bottom: #CBCBCB dashed 1px;}
.contentArea .dl-block ul li .dl-btns a .icon {width: 70px;}
.contentArea .dl-block ul li .dl-btns a .text {margin-left: 10px;}
.contentArea .dl-block ul li .dl-btns a .text .note {display: block;font-weight: normal;font-size: 15px;}

.contentArea .bottom-btn {padding: 40px;text-align: center;}
.contentArea .bottom-btn a {
	display: inline-block;
	width: 500px;
	padding: 18px 0;
	background: #555;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
.contentArea .bottom-btn a span {
	background: url("../png/btn_more.png") no-repeat left center;
	padding-left: 20px;
}

.contentArea .dl-btns .btn a:hover{
	animation-name: push;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

@keyframes push {
  50% {
      transform: scale(.96);
  }
  100% {
      transform: scale(1);
  }
}