/* ---------------------------------------------------------------- *
	
 * ---------------------------------------------------------------- */
.box_01.bt_ani {
}
.box_01.bt_ani .content{
	max-width: 1280px;
	display: table;
	padding: 50px 0 100px 0;
}
.box_01.bt_ani .content dl{
	width: 31.33333333%;
	margin: 0 1%;
	display: block;
	float: left;
}
.box_01.bt_ani .content dl a{
	text-decoration: none;
}
.box_01.bt_ani .content dl dt{
	width: 100%;
	height: auto;
}
.box_01.bt_ani .content dl dt img{
	width: 100%;
	height: 100%;
	transition: all 0.7s;
}
.box_01.bt_ani .content dl:hover dt img{
	width: 90%;
	height: 90%;
	margin: 5%;
	transition: all 0.7s;
}
.box_01.bt_ani .content dl dd{
	text-align: center;
	margin:auto;
	font-weight: bold;
	font-size: larger;
	padding-top: 20px;
	letter-spacing: 0.05em;
	transition: all 0.7s;
}
.box_01.bt_ani .content dl:hover dd{
	letter-spacing: 0em;
	transition: all 0.7s;
}
.box_01.bt_ani .content dl dd .taim{
	color: #000;
}
.box_01.bt_ani .content dl dd p{
}
.box_02.bt_ani {
	text-align: center;
}
.box_02.bt_ani dl:after{
	content: "";
	width: 10em;
	height: 1px;
	background-color: #006837;
	display: block;
	margin: 20px auto 60px auto;
}
.box_02.bt_ani dl a{
	text-decoration: none;
	font-size: large;
	font-weight: bold;
	color: #006837;
}
.box_02.bt_ani dl a dt{
	margin: 0 0 10px 0;
}
.box_02.bt_ani dl a dd{
	margin: 0;
}
.box_03.bt_ani {
	text-align: center;
}
.box_03.bt_ani .content_box{
	display: inline-flex;
	margin: auto;
}
.box_03.bt_ani .left_box{
}

.box_03.bt_ani .content_box a{
	text-align: center;
	text-decoration: none;
	width: 2em;
	margin: 1em;
	font-size: large;
	font-weight: bold;
	color: #006837;
}

@media (max-width: 1920px) {
	.box_01.bt_ani .content dl{

	}
	.box_01.bt_ani .content dl a{
	text-decoration: none;
	}
	.box_01.bt_ani .content dl dt{

	}
}
@media (max-width: 1680px) {

}
@media (min-width: 1561px) {

}
@media (max-width: 1560px) {

}
@media (min-width: 1511px) {

}
@media (max-width: 1510px) {

}
@media (min-width: 1421px) {

}
@media (max-width: 1420px) {

}
@media (max-width: 1300px) {

}
@media (min-width: 1261px) {
}
@media (max-width: 1180px) {
	.box_01.bt_ani .content {
		width: 100%;
	}
}
@media (max-width: 1080px) {

}
@media (max-width: 991px) {

}
@media (max-width: 880px) {
	.box_01.bt_ani .content dl {
		width: 31%;
	}
	.box_01.bt_ani .content dl dt {
		width: 220px;
		height: 220px;
	}
	.box_01.bt_ani .content dl dt div {
		width: 220px;
		height: 220px;
	}
	.box_01.bt_ani .content dl:hover dt div{
		width: 210px;
		height: 210px;
		margin: 15px 0vw 0vw 15px;
	}
}
@media (max-width: 767px) {

}
@media (max-width: 575px) {

}
@media (max-width: 539px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 992px) and (max-width: 1200px) {

}


/* ---------------------------------------------------------------- *
	スマートフォン対応
 * ---------------------------------------------------------------- */
body.iPhone ,
body.Android ,
body.iPad {
}
body.iPhone .box_01.bt_ani .content dl,
body.Android .box_01.bt_ani .content dl{
	width: 100%;
	float: unset;
	margin: 0 auto 100px auto;
}
body.iPhone .box_01.bt_ani .content dl dt,
body.Android .box_01.bt_ani .content dl dt{
	width: 80%;
	margin: auto;
}
body.iPhone .box_01.bt_ani .content dl dd,
body.Android .box_01.bt_ani .content dl dd,
body.iPhone .box_02.bt_ani dl a,
body.Android .box_02.bt_ani dl a,
body.iPhone .box_03.bt_ani .content_box a,
body.Android .box_03.bt_ani .content_box a{
	font-size: xxx-large;
}
body.iPhone .box_03.bt_ani .content_box a,
body.Android .box_03.bt_ani .content_box a{
	width: 1em;
}
body.iPhone .box_01.bt_ani .content,
body.Android .box_01.bt_ani .content{
	padding: 50px 0 0px 0;
}
/* ---------------------------------------------------------------- *
	IEハック
 * ---------------------------------------------------------------- */
@media all and (-ms-high-contrast: none) {
}