@charset "utf-8";
/* layout */









/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　グループ３　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:420px) {
.feature_bt_r {
	display: none;
}
.feature_bt_rs {
    width: 100%;
    margin-right: auto;
    float: right;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-bottom: 10px;
}
.feature_bt_rs img {
	width: 100%;
	height: auto;
}
}

@media only screen and (min-width:420px)  and (max-width:650px){
.feature_bt_r {
	display: none;
}
.feature_bt_rs {
    width: 99%;
    margin-right: auto;
    float: right;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-bottom: 10px;
}
.feature_bt_rs img {
	width: 100%;
	height: auto;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
.feature_bt_r {
    width: 538px;
    margin-right: auto;
    float: left;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-bottom: 20px;
}
.feature_bt_r img {
	width: 500px;
	height: auto;
}
.feature_bt_rs {
	display: none;
}
}


@media only screen and (min-width:851px) {
.feature_bt_r {
    width: 623px;
    float: left;
    clear: left;
    margin-top: -2px;
}
.feature_bt_r img {
	width: 620px;
	height: auto;
}
.feature_bt_rs {
	display: none;
}
}

.feature_bt_r * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.feature_bt_r li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1em;
  padding: 0;
}
.feature_bt_r a {
  padding: 0.2em 0em;
  margin: 0.2em 0em;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
}
.feature_bt_r a:before,
.feature_bt_r a:after {
  height: 80px;
  width: 80px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
    opacity: 0;
    z-index: 10;
}
.feature_bt_r a:before {
	left: 0%;
	top: 0%;
	border-left: 2px solid #FF5C26;
	border-top: 2px solid #FF5C26;
	-webkit-transform: translate(50%, 25%);
	transform: translate(50%, 25%);
	right: 200px;
}

.feature_bt_r a:after {
  right: 0;
  bottom: 0;
  border-right: 2px solid #FF5C26;
  border-bottom: 2px solid #FF5C26;
  -webkit-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
}

.feature_bt_r a:hover,
.feature_bt_r .current a {

}
.feature_bt_r a:hover:before,
.feature_bt_r .current a:before,
.feature_bt_r a:hover:after,
.feature_bt_r .current a:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}








.feature_bt_rs * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	text-align: center;
}
.feature_bt_rs li {
  display: inline-block;
  list-style: outside none none;
  margin: 0em 0em;
  padding: 0;
}
.feature_bt_rs a {
    padding: 0.4em 0em;
    margin:  0.2em 0em;
    display: block;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    text-decoration: none;
    width: 100%;
    float: right;
}
.feature_bt_rs a:before,
.feature_bt_rs a:after {
    height: 80px;
    width: 80px;
    position: absolute;
    content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
    z-index: 10;
}
.feature_bt_rs a:before {
	left: 0%;
	top: 0%;
	border-left: 2px solid #FF5C26;
	border-top: 2px solid #FF5C26;
	-webkit-transform: translate(50%, 25%);
	transform: translate(50%, 25%);
	right: 200px;
}

.feature_bt_rs a:after {
  right: 0;
  bottom: 0;
  border-right: 2px solid #FF5C26;
  border-bottom: 2px solid #FF5C26;
  -webkit-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
}

.feature_bt_rs a:hover,
.feature_bt_rs .current a {
	width: 100%;

}
.feature_bt_rs a:hover:before,
.feature_bt_rs .current a:before,
.feature_bt_rs a:hover:after,
.feature_bt_rs .current a:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}