@charset	"utf-8";

#special_body img{
	max-width:100%;
	height:auto;
}

/* clearfix */
/*************************************************************/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* custom */
/*************************************************************/
.btn_pc_01 ,.btn_pc_02 ,.btn_pc_03 ,.btn_pc_04 ,.btn_pc_05 ,.btn_pc_06 ,.btn_pc_07
,.btn_pc_08 ,.btn_pc_09{
	width: 272px;
	margin-top: 20px;
}
.btn_pc_01 a:hover img{
	opacity: 0.5;
}
.btn_pc_02 a:hover img{
	opacity: 0.5;
}
.btn_pc_03 a:hover img{
	opacity: 0.5;
}
.btn_pc_04 a:hover img{
	opacity: 0.5;
}
.btn_pc_05 a:hover img{
	opacity: 0.5;
}
.btn_pc_06 a:hover img{
	opacity: 0.5;
}
.btn_pc_07 a:hover img{
	opacity: 0.5;
}
.btn_pc_08 a:hover img{
	opacity: 0.5;
}
.btn_pc_09 a:hover img{
	opacity: 0.5;
}
.btn_pc_01{
	margin-left: 272px;
    margin-top: -190px;
    margin-bottom: 95px;
    position: revert;
}
.btn_pc_02{
	margin-left: 272px;
    margin-top: -260px;
    margin-bottom: 95px;
    position: revert;
}
.btn_pc_03{
	margin-left: 272px;
    margin-top: -72px;
    margin-bottom: 100px;
    position: revert;
}
.btn_pc_04{
	margin-left: 272px;
    margin-top: -345px;
    margin-bottom: 95px;
    position: revert;
}
.btn_pc_05{
	margin-left: 272px;
    margin-top: -73px;
    margin-bottom: 100px;
    position: revert;
}
.btn_pc_06{
	margin-left: 272px;
    margin-top: -79px;
    margin-bottom: 100px;
    position: revert;
}
.btn_pc_07{
	margin-left: 273px;
    margin-top: -248px;
    margin-bottom: 88px;
    position: revert;
}
.btn_pc_08{
	margin-left: 272px;
    margin-top: -65px;
    margin-bottom: 93px;
    position: revert;
}
.btn_pc_09{
	margin-left: 272px;
    margin-top: -165px;
    margin-bottom: 95px;
    position: revert;
}
ul.tab_pc{
	padding-bottom: 50px
}
ul.tab_pc a:hover img{
	opacity: 0.5;

}
ul.tab_pc{
	width: 100%;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: -210px;
	position: relative;
}
ul.tab_pc li{
	width: 116px;
	margin: 15px;
}

@media screen and (max-width: 640px) {
.btn_sp_01 ,.btn_sp_02 ,.btn_sp_03 ,.btn_sp_04 ,.btn_sp_05 ,.btn_sp_06 ,.btn_sp_07
,.btn_sp_08 ,.btn_sp_09{
	width: 60%;
	margin: 0 auto;
}
.btn_sp_01 a:hover img{
	opacity: 0.5;
}
.btn_sp_02 a:hover img{
	opacity: 0.5;
}
.btn_sp_03 a:hover img{
	opacity: 0.5;
}
.btn_sp_04 a:hover img{
	opacity: 0.5;
}
.btn_sp_05 a:hover img{
	opacity: 0.5;
}
.btn_sp_06 a:hover img{
	opacity: 0.5;
}
.btn_sp_07 a:hover img{
	opacity: 0.5;
}
.btn_sp_08 a:hover img{
	opacity: 0.5;
}
.btn_sp_09 a:hover img{
	opacity: 0.5;
}
.btn_sp_01{
    margin-top: -25%;
    margin-bottom: 10%;
    position: revert;
}
.btn_sp_02{
    margin-top: -41%;
    margin-bottom: 15%;
    position: revert;
}
.btn_sp_03{
    margin-top: -10%;
    margin-bottom: 8%;
    position: revert;
}
.btn_sp_04{
    margin-top: -60%;
    margin-bottom: 25%;
    position: revert;
}
.btn_sp_05{
    margin-top: -21%;
    margin-bottom: 20%;
    position: revert;
}
.btn_sp_06{
    margin-top: -15%;
    margin-bottom: 9%;
    position: revert;
}
.btn_sp_07{
    margin-top: -41%;
    margin-bottom: 23%;
    position: revert;
}
.btn_sp_08{
    margin-top: -19%;
    margin-bottom: 8%;
    position: revert;
}
.btn_sp_09{
    margin-top: -23%;
    margin-bottom: 10%;
    position: revert;
}
}ul.tab_sp{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: -64%;
    margin-left: 3%;
}
ul.tab_sp li{
	width: 29%;
	
}